This is a portfolio website built using React, Tailwind CSS, and Redux to showcase the projects and skills of Mayank Jain.
- Responsive design that works on all screen sizes
- Cool home page cursor animation
- Smooth Scroll to section using links
- Projects section to showcase work
- Contact form for getting in touch
- Skill section to display relevant skills
- Custom map to match the theme
- React
- Redux
- Tailwind CSS
- TagCloud
- Smooth Scroll
- Snazzy Maps
- EmailJS
To get started with this project, you can follow the steps below:
- Clone the repository to your local machine.
git clone https://github.com/Mayank-Jain-1/Portfolio.git
- Navigate into the project directory.
cd Portfolio
- Install the required dependencies
npm install
- Create a .env file in the root of the project and add the following variables:
REACT_APP_EMAILJS_USER_ID = <YOUR_EMAILJS_USER_ID>
REACT_APP_EMAILJS_SERVICE_ID = <YOUR_EMAILJS_SERVICE_ID>
REACT_APP_EMAILJS_TEMPLATE_ID = <YOUR_EMAILJS_TEMPLATE_ID>
- Start Development Server
npm run start
- Open the application in your browser by navigating to
http://localhost:3000
.
- How to implement smooth scrolling functionality for navigation using links.
- How to customize a map to match the theme of the website.
- How to Create toasty notifications. Linking it to redux and can be called from anywhere now using a simple dispatch.
- How to use Redux to manage the state of the application, including creating actions, reducers, and a store.
- How to use the EmailJS API to send emails directly from the contact form without the need for a backend.
- How to use HTML Canvas to create custom animations like the home page mouse trailer.
├───public
└───src
├───actions
├───components
├───functions
├───media
├───Pages
└───reducers
This project is licensed under the MIT License.