Skip to content

This contact form has been included name, email and user message. Those functionalities are built using React js, CSS, Flask, and MongoDB.

Notifications You must be signed in to change notification settings

SachindaBandara/Contact-Form-using-React-CSS-Flask-MongoDB

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 

Repository files navigation

Contact Form Project 📬

Built With 💻

React CSS Python MongoDB

Table of Contents 📚

Installation 🛠️

  1. Clone the repository:
    git clone https://github.com/your_username/contact-form.git
    
  2. Navigate to the project directory:
    cd contact-form
    
  3. Install frontend dependencies:
    cd frontend
    npm install
    
  4. Install backend dependencies:
    cd ../backend
    pip install -r requirements.txt
    

Usage 🚀

  1. Run the backend server:
    cd backend
    python app.py
    
  2. Run the frontend development server:
    cd frontend
    npm run dev
    

Open your browser and go to http://localhost:3000 to view the contact form.

Features ✨

  1. Name, Email, and User Message Fields: Collects user data.
  2. Responsive Design: Ensures usability across various devices.
  3. Data Storage: Uses MongoDB to store form submissions.
  4. Backend Processing: Python handles form submissions and communicates with the database.

🤝Feel free to customize any sections to better fit your project specifics. Happy coding!💻

About

This contact form has been included name, email and user message. Those functionalities are built using React js, CSS, Flask, and MongoDB.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published