Atul Mourya's Portfolio

🚀 Welcome to My Personal Portfolio

This repository contains the source code for my personal portfolio website, showcasing my projects, experiments, and skills as a 3D Web Developer.

🌟 Features

• Responsive Design: Looks great on both desktop and mobile devices
• Interactive Project Showcase: Featuring a card-style image carousel for each project
• Separate Sections for Projects and Experiments: Organized display of professional projects and personal experiments
• Fullscreen Image Preview: Allow visitors to view project images in detail
• Smooth Scrolling and Animations: Enhanced user experience with scroll reveal effects
• Contact Information: Easy ways for potential employers or collaborators to reach out

🛠️ Technologies Used

• React.js
• Vite (for fast build tooling)
• Framer Motion (for animations)
• Swiper.js (for image carousels)
• SCSS (for styling)

🚀 Getting Started

To get a local copy up and running, follow these simple steps:

1. Clone the repository

   git clone https://github.com/atul-mourya/personal-portfolio.git
   

2. Navigate to the project directory

   cd personal-portfolio
   

3. Install dependencies

   npm install
   

4. Start the development server

   npm run dev
   

5. Open http://localhost:5173/ in your browser to view the website

📁 Project Structure

portfolio-website/
│
├── src/
│   ├── assets/            # Images and other static files
│   ├── components/        # React components
│   ├── styles/            # SCSS files
│   ├── data/              # Project and experiment data
│   └── App.jsx            # Main React component
│
├── index.html             # HTML template
├── vite.config.js         # Vite configuration
└── package.json           # Project dependencies and scripts

🔧 Customization

To customize this portfolio for your own use:

1. Update the project data in src/data/projects-list.js with your own projects and experiments.
2. Replace images in the src/assets/ directory with your own project screenshots and profile picture.
3. Modify the content in components like Hero.jsx, About.jsx, and Contact.jsx to reflect your personal information.
4. Adjust the styling in the SCSS files to match your preferred color scheme and layout.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check issues page if you want to contribute.

📝 License

This project is MIT licensed.

📧 Contact

Atul Mourya - atul.mourya@gmail.com

Project Link: https://github.com/atul-mourya/portfolio-website

---

Thank you for checking out my portfolio project! I hope you find it interesting and useful. If you have any questions or feedback, please don't hesitate to reach out.