๐งช Technologies
This project was developed using the following technologies:
- TypeScript
- React
- Next.js 14
- Chakra UI
- Framer Motion (for animations)
- EmailJS (for sending emails)
๐ ๏ธ Features
- Responsive design with a clean and modern UI.
- Dark and light mode support using Chakra UI's color mode management.
- Smooth scroll navigation between sections.
- Contact section with
emailjsintegration. - SEO optimized with custom metadata and Open Graph tags.
๐ง Adjustments and improvements
Next major updates will focus on the following tasks:
- Add unit tests.
- Implement multi-language support.
- Add more animations and transitions with Framer Motion.
๐ Getting started
Clone the project and access the folder.
$ git clone https://github.com/vWernay/portfoliov2.git
$ cd portfoliov2
Follow the steps below:
# Install the dependencies
$ npm i
# Start the project
$ npm run dev
The app will be available for access on your browser at http://localhost:3000.
๐ Project Structure
src/
โโโ app/
โ โโโ layout.tsx # Main layout of the application
โ โโโ page.tsx # Home page component
โ โโโ theme/ # Theme configurations
โ โ โโโ fonts.ts # Custom fonts
โ โ โโโ providers.tsx # Providers for Chakra UI
โ โ โโโ theme.ts # Theme configuration for Chakra UI
โ โโโ components/
โ โโโ Header.tsx # Header component with navigation
โ โโโ Footer.tsx # Footer component
โ โโโ sections/ # Sections of the home page
โ โโโ Introduction.tsx
โ โโโ TechStack.tsx
โ โโโ Career.tsx
โ โโโ Contact.tsx
โโโ public/
โโโ assets/ # Static assets like images and icons
๐ License
This project is licensed under the MIT License.