Figma-Design-Replication (Uptodd Assignment)

This project is a web application designed to showcase developmental milestones and achievements for young learners. It utilizes HTML, and CSS for the front end, Express.js, and MongoDB for the backend functionality. The application is built with a focus on responsive design and interactive elements to engage users.

Features

• Interactive UI: Showcases developmental milestones through engaging visuals and interactive elements.
• Responsive Design: Ensures a seamless experience across various devices and screen sizes.
• Dynamic Content: Utilizes Express.js to serve dynamic content and manage routes.

Getting Started

Prerequisites

Before running this project, ensure you have Node.js and npm installed on your system. You can download them from here.

Installation

1. Clone the repository to your local machine:

   git clone https://github.com/tarunbisht-24/figma-design-replication.git
   

2. Navigate to the project directory:

   cd figma-design-replication
   

3. Click on the index.html to view the web page (It's recommended to start the project code from IDE with a Live Server Extension to get better results):

   http://127.0.0.1:5500/index.html
   

4. Install the required dependencies for the Book Demo button (Backend functionality):

   npm install

5. To run the backend server, data gets stored in the database

   node index.js
   

Technologies Used

• Frontend: HTML, CSS
• Backend: Express.js, Mongoose
• Database: MongoDB
• Build Tool: Parcel