https://github.com/charithasrir31/registration-form
Registration form to sign up and store user information using HTML, CSS, Node.js in MongoDB.
https://github.com/charithasrir31/registration-form
body-parser css css-animations express-js html javascript mongodb mongoose node-js registration-forms
Last synced: 5 months ago
JSON representation
Registration form to sign up and store user information using HTML, CSS, Node.js in MongoDB.
- Host: GitHub
- URL: https://github.com/charithasrir31/registration-form
- Owner: charithasrir31
- Created: 2024-07-06T15:39:39.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-07T17:58:26.000Z (over 1 year ago)
- Last Synced: 2025-04-12T02:52:34.000Z (about 1 year ago)
- Topics: body-parser, css, css-animations, express-js, html, javascript, mongodb, mongoose, node-js, registration-forms
- Language: HTML
- Homepage:
- Size: 19.5 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Registration Form**
This is a **full-stack** registration form built using **HTML, CSS, JavaScript** for the frontend and **Node.js, Express, and MongoDB** for the backend. The form includes **client-side validation** and securely stores user data in a MongoDB database.
---
## 🛠️ Tech Stack
- **Frontend:** HTML, CSS, JavaScript
- **Backend:** Node.js, Express.js
- **Database:** MongoDB, Mongoose
- **Other Dependencies:** Body-Parser
---
## 🚀 Features
✔ **Client-side validation** for form fields
✔ **Backend validation** for user data
✔ Stores user data securely in **MongoDB**
✔ Redirects users to a **success or error page**
✔ **RESTful API** for handling form submissions
---
## 📦 Dependencies
Ensure you have **Node.js** installed, then run:
```sh
npm install
```
This will install:
- express - Web framework for Node.js
- mongoose - MongoDB Object Modeling
- body-parser - Middleware for parsing request data
---
## **⚡ How to Run the Project**
1. Clone the Repository
```sh
git clone https://github.com/charithasrir31/Registration-Form.git
cd Registration-Form
```
2. Install Dependencies
```sh
npm install
```
3. Start MongoDB
Ensure MongoDB is running:
```sh
mongod
```
Or, if using MongoDB Atlas, update the MongoDB connection URL in server.js.
4. Run the Backend Server
```sh
node server.js
```
or (if using nodemon):
```sh
npm run dev
```
5. Open in Browser
http://localhost:3000
---
## 📸 Output Screenshots
### **Registration Page**
### **Success Page**
### **Error Page**
