Creative Portfolio

Welcome to my Creative Portfolio! This full-stack project showcases my work in web development and UI/UX design, complete with interactive animations using Anime.js and scroll-based animations using AOS, form handling, and cloud deployment.

Check it out here -> Creative Portfolio Live

---

Features

• Responsive Design: Clean, modern, and mobile-friendly layout to display my work using TailWindCSS.
• Interactive Animations: Smooth, engaging animations powered by Anime.js and AOS (Animate On Scroll).
• Contact Collection: Fully functional form that stores messages in a MongoDB database.
• Cloud Deployment: Hosted on Render with a backend server and database connectivity.

---

Technologies Used

Frontend

• HTML5 – For structure and content
• tailwindCSS – For styling and responsive layouts
• JavaScript – For interactivity and DOM manipulation
• Anime.js – For advanced animations
• AOS.js – For scroll-triggered animations

Backend

• Node.js & Express.js – Server-side logic and API handling
• MongoDB Atlas – Cloud-based NoSQL database to store contact form submissions
• Mongoose – MongoDB object modeling

Dev Tools

• npm – Package management
• lite-server – Lightweight local development server

---

Deployment

This portfolio is fully deployed and accessible online:

• Frontend + Backend Hosting: Render
• Database Hosting: MongoDB Atlas

Live Demo

• Creative Portfolio Live

---

Setup & Installation (For Local Development)

To run this project locally, follow these steps:

1. Clone the repository

   git clone https://github.com/mouleshgs/creative-portfolio.git
   
   

2. Navigate to the project directory:

   cd creative-portfolio

3. Install dependencies: This project uses npm for managing dependencies. Install the required packages using:

   npm install

4. Start the development server: After installing dependencies, you can start the server with the following command:

   npm start

   This will start a local server and open the portfolio at http://localhost:3000 automatically by using lite-server.

5. View the Portfolio: Open your browser and go to http://localhost:3000 to view the portfolio.