Skip to content

Latest commit

 

History

History
72 lines (49 loc) · 2.82 KB

README.md

File metadata and controls

72 lines (49 loc) · 2.82 KB

NexTech Blogging App 📸🌐

NexTech is a full-stack social media app built with Next.js, React, and MongoDB. It allows users to share pictures and descriptions, create posts, and interact with other users. The app supports user authentication, including login via email and Google. Additionally, NexTech offers a dark mode and light mode feature for a personalized user experience. 🌙🌞

Features ✨

  • User authentication and login via email and Google. 🔐📧🔑
  • Picture sharing with descriptions for other users to see. 🖼️📝
  • Create and share posts with images and descriptions. 📷📝
  • Dark mode and light mode for a personalized user experience. 🌙🌞
  • Portfolio section showcasing the app's features and benefits. 🏞️🎉
  • Contact page for users to send messages with names and email addresses. 📞📧💬
Recording.2024-02-26.185921.mp4

Getting Started 🚀

Prerequisites 📋

  • Node.js
  • MongoDB

Installation 💻

  1. Clone the repository:

     git clone https://github.com/yourusername/NexTech-Social-Media.git
 cd NexTech-Social-Media

  2. Install dependencies:

     npm install

  3. Set up environment variables: Create a .env file in the root of the project and add the following variables:

     MONGODB_URI=your_mongodb_uri
 GOOGLE_CLIENT_ID=your_google_client_id

    Replace your_mongodb_uri with your MongoDB connection URI and your_google_client_id with your Google OAuth2 client ID.

  4. Start the development server:

     npm run dev

    Your app should now be running on http://localhost:3000.

Usage 📝

  • Sign up or log in to the app using your email or Google account.
  • Explore the main feed to see posts shared by other users.
  • Create your own posts by uploading images and adding descriptions.
  • Visit the portfolio section to learn more about the app's features and benefits.
  • Contact the developer through the contact page by sending a message with your name and email. 📧🗨️

Technologies Used 👨‍💻

  • Next.js
  • React
  • MongoDB
  • Auth.js (for user authentication)
  • CSS Modules (for styling)

Contributing 🤝

We welcome contributions from the community! If you'd like to contribute to NexTech Social Media, please follow these steps:

  • Fork the repository and create a new branch.
  • Make your changes and commit them with descriptive commit messages.
  • Push your changes to your forked repository.
  • Open a pull request, explaining the changes you made.
  • Please ensure your code follows the existing coding style and includes appropriate tests.

Feel free to customize this template with additional information relevant to your project. A well-written README will help others understand your project and encourage contributions. Happy coding! 😊🚀