Skip to content

devwithmehar/react-tailwindcss-portfolio

 
 

React & TailwindCSS Portfolio - With Dark Mode

A sleek and modern portfolio theme built using React and Tailwind CSS. This project is inspired by and adapted from the amazing work of Stoman's Repo.

Demo URL

https://dev.sahilmehar.com/

Backend Information

The backend for this portfolio is built using Node.js and deployed on AWS Elastic Beanstalk. It handles form submissions and sends emails via AWS SES.

You can read the backend code from the repository:
https://github.com/devwithmehar/portfolio-backend

Features

  • React v18 with React Router v6
  • Tailwind CSS v3
  • Context API For State Management
  • Custom Hooks
  • Unit Testing
  • Framer Motion transitions & animations
  • Reusable components
  • Dark mode
  • Projects filter by category
  • Projects filter by search
  • Smooth scroll
  • Counter
  • Dynamic forms
  • Back to top button
  • Download file button
  • Simple and responsive design

To Contribute to this Project

If you'd like to contribute to this project, please refer to the Contribution Guidelines.

Setup

  1. Make sure you have Node JS installed. If you don't have it:
  1. Clone the repo:
   git clone https://github.com/devwithmehar/react-tailwindcss-portfolio.git
  1. Open the project folder:
   cd react-tailwindcss-portfolio
  1. Install packages and dependencies:
   npm install 
  1. Start the server locally
   npm start

Notes

  • Always run yarn install after pulling new changes
  • I'll be constantly updating this repo as I'll be adding more sections to it, so please always check the projects section of this repo to see what tasks are under todo and in progress
  • Coming Soon I'll be doing a screencast. Soon I'll be uploading a video to my YouTube channel where I'll be going through the process of creating this portoflio
  • Illustrations from unDraw and Freepik
  • Images from Unsplash
  • Feel free to use it as your own portfolio
  • Contributions are welcome

License

This project is licensed under the MIT License.

About

A simple React app that uses Context API, custom Hooks, Tailwind CSS & Framer Motion.

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 68.8%
  • CSS 29.7%
  • HTML 1.5%