Skip to content

Muhammad-Awais123/Contact-Form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“© MERN Stack Contact Form

πŸš€ A clean, modern & fully functional contact form built with the MERN stack.
Secure, responsive, and production-ready.


✨ Features

βœ… Fast – Built with React (Vite) for blazing performance
βœ… Secure – Data stored safely in MongoDB Atlas
βœ… Scalable – Suitable for small to large applications
βœ… Beautiful UI – Tailwind CSS for modern styling


πŸ›  Tech Stack

Layer Technology
Frontend βš›οΈ React (Vite), 🎨 Tailwind CSS
Backend 🟒 Node.js, πŸš€ Express.js
Database πŸƒ MongoDB Atlas
Tools πŸ”„ Nodemon, πŸ” dotenv, 🌐 CORS

πŸ”„ How It Works

1️⃣ User fills the form β†’ Name, Email, Message
2️⃣ Frontend sends a POST request to /api/messages
3️⃣ Backend validates & stores the data in MongoDB
4️⃣ User gets a success or error message instantly


About

πŸ“© MERN Stack Contact Form A simple and responsive contact form built with React, Node.js, Express, and MongoDB Atlas. Users can submit their name, email, and message, which are securely stored in the database. Clean UI with Tailwind CSS and instant feedback on submission.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors