Skip to content

Developed during my internship at CodeAlpha, this project includes a straightforward login and registration system. Users can easily create new accounts or log in with existing ones, facilitating seamless access to the dashboard

Notifications You must be signed in to change notification settings

Priyamjain1105/CodeAlpha-Social-Media-Dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌟 Social Media Dashboard 🌟

Welcome to the Social Media Dashboard! This project is a simple yet effective web application that allows users to register, log in, and enjoy a smooth social media-like experience. Built with HTML, CSS, and JavaScript, this dashboard combines modern web technologies to provide seamless functionality and validation. 🌐✨

image


🖥️ Features

✔️ User Authentication:

  • Register: Allows new users to sign up.
  • Login: Existing users can log in using their credentials.

✔️ Validation & Alerts:

  • Warns users about incorrect email or password.
  • Ensures valid email format and strong password compliance.

✔️ Database Integration:

  • User data is securely stored and retrieved using an online database.

✔️ Dynamic User Experience:

  • Built with responsive HTML, CSS, and JavaScript for a smooth and interactive user interface.

🛠️ Tech Stack

Technology Purpose
HTML Structure of the dashboard
CSS Styling and layout
JavaScript Functionality and validation
Online Database User data storage

🚀 How to Use

  1. Clone this repository to your local machine:

    git clone https://github.com/your-username/social-media-dashboard.git
  2. Open the project directory:

    cd social-media-dashboard
  3. Launch the index.html file in your browser to explore the dashboard!

    https://priyamjain1105.github.io/CodeAlpha-Social-Media-Dashboard/ )


🔒 User Flow

🔑 Sign Up

  1. Enter your details in the registration form.
  2. Ensure the email is in a valid format (e.g., [email protected]).
  3. Password must meet the required security standards.
  4. Submit the form to create your account.

image

🚪 Login

  1. Enter your registered email and password.
  2. Incorrect credentials will prompt a warning message. ⚠️
  3. On successful login, you will be redirected to the dashboard.

image


🖼️ Screenshots

  1. Login Page: image

  2. Register Page: image

  3. Dashboard: image


🤝 Contributing

Contributions are welcome! 🎉 Here's how you can help:

  1. Fork the repository.
  2. Create a feature branch:
    git checkout -b feature/your-feature-name
  3. Commit your changes:
    git commit -m "Add your feature"
  4. Push to the branch:
    git push origin feature/your-feature-name
  5. Open a pull request.

🛡️ License

This project is licensed under the MIT License. See the LICENSE file for details.


🙌 Acknowledgments

Special thanks to everyone who contributed to this project and made it a success. 🌟


📧 Contact

Have questions or feedback? Feel free to reach out!

📩 Email: [email protected] 🌐 GitHub: https://github.com/Priyamjain1105


⭐ If you like this project, don't forget to give it a star! ⭐

Thank You

About

Developed during my internship at CodeAlpha, this project includes a straightforward login and registration system. Users can easily create new accounts or log in with existing ones, facilitating seamless access to the dashboard

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published