I decided to create a personal portfolio to showcase my projects and skills. I have been working on this project for a few weeks now and I am excited to share it with you. I hope you enjoy it!
It was built with React, Next.js, and TailwindCSS. Before I started writing code I created a design system using Figma and I also created a Storybook to document all the components I would be using in the project. I used the per domain pattern to structure the project, so it should be easy to maintain and scale.
Since 2020, It was my dream to create awesome portfolio page that will showcase my skills and projects. I am happy that I finally did it.
- React
- Next.js
- TailwindCSS
- Storybook
- Figma
- Jest
- Cypress
- framer-motion
- Clone the repository
- Run
npm install - Create a
.env.localfile and add the values for the environment variables that are in the.env.templatefile - Run
npm run devto start the development server - Run
npm run storybookto start the Storybook server - Done! 🚀 You can explore my project in the development mode
I provide the helpful accordion with the video or link that will show you how to setup .env.local file correctly. Just click on the accordion and explore the content.
Calcom settings
- Responsive design: The website is fully responsive and works on all devices
- Dark mode: You can switch between light and dark mode
- Animations: I used framer-motion to create animations
- Storybook: I created a Storybook to document all the components
- Design system: I created a design system using Figma
- SEO: I used Next.js to improve the SEO of the website
- Tests: I wrote tests using Jest and Cypress
Project is: finished but I will continue to improve it, add new features and posts in the future 🔥.
- Newsletter (https://react.email/),
- Poll for enterprises (Google Forms or on my website),
- CMS (optional),
To contact me, you can visit my website that it's linked in this repository that you read. You can also send me an email there. I will be happy to answer you. 📱