Giter VIP home page Giter VIP logo

afri-tech's Introduction

🌍 AfriTech News - Tech Stack Information Sharing App πŸ“±

Welcome to AfriTech News, your dynamic platform for sharing and discovering the latest tech news! Built on the robust MERN stack, AfriTech News provides an engaging user experience with top-notch functionality. Check out the live demo here! πŸš€

✨ Features

AfriTech News offers a wealth of features designed to enhance your social and information-sharing experience:

  • πŸ” User Authentication: Secure login and registration using JSON Web Tokens (JWT).
  • ⚑ Data Management: Efficient data fetching and caching powered by React Query.
  • πŸ“’ Social Interaction: Follow suggested users, create and delete posts, comment on posts, and like posts.
  • πŸ› οΈ Profile Customization: Edit your profile information, cover image, and profile picture.
  • 🌈 Image Uploads: Seamlessly upload images using Cloudinary.
  • πŸ”” Notifications: Stay updated with real-time notifications.
  • πŸ—‘οΈ User-Friendly Operations: Easily delete your posts and comments if you are the owner.
  • 🌐 Deployment Ready: Easily deployable with built-in deployment capabilities.

πŸ› οΈ Tech Stack

AfriTech News is crafted using the latest technologies:

  • React.js: For building responsive user interfaces.
  • MongoDB: NoSQL database for scalable data storage.
  • Node.js: JavaScript runtime for server-side operations.
  • Express: Web application framework for Node.js.

πŸš€ Setup Instructions

Get started with AfriTech News in just a few steps:

  1. Clone the Repository: Clone the project repository to your local machine.
  2. Install Dependencies: Navigate to the project directory and run:
    npm install
  3. Configure Environment Variables: Create a .env file in the root directory and add the following variables:
    MONGO_URI=your_mongo_uri
    PORT=your_port_number
    JWT_SECRET=your_jwt_secret
    NODE_ENV=your_node_env
    CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
    CLOUDINARY_API_KEY=your_cloudinary_api_key
    CLOUDINARY_API_SECRET=your_cloudinary_api_secret
  4. Build the App: Compile the application by running:
    npm run build
  5. Start the App: Launch the application by running:
    npm start

πŸŽ‰ Conclusion

AfriTech News is your go-to platform for staying informed, connecting with others, and sharing your thoughts. Whether you’re a tech enthusiast, a developer, or just someone who loves to stay updated, AfriTech News has something for you.

Explore the live demo here and experience the app firsthand! 🌟


Happy coding and enjoy sharing with AfriTech News! πŸ’¬πŸŒŸ

afri-tech's People

Contributors

dawit2123 avatar

Stargazers

Edmealem.k avatar Ayub Nasir avatar Naol Chala avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.