Skip to content

In this project, all the routes necessary for navigation were developed, as well as the componentization of the header and footer on all pages, including post details. Furthermore, props were used for efficient data transmission between the different components.

Notifications You must be signed in to change notification settings

gablsl/mini-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻 Mini Blog

Allows users to log in and manage their posts through a personalized dashboard. Users can perform all CRUD operations (Create, Read, Update, Delete) on their own posts and view posts from others. Posting functionality is restricted to logged-in users only, ensuring that only authenticated users can create content.

🚀 Demo

Demo

⚙️ Features

  • User authentication: Secure login and logout system using Firebase Authentication.
  • Post management: Users can create, edit, delete, and view posts in their dashboard.
  • Explore posts: Users can see posts created by others in a public feed.
  • User-friendly interface: Simple and clean design using CSS-Modules for modular styling.

🛠️ Technologies

  • React, CSS-Modules, Context API, JavaScript, Firebase ( Firebase Auth ), React Router Dom

📦 How to Run the Project

  1. Clone the repository:
    git clone https://github.com/gablsl/mini-blog
    
  2. Install dependencies using npm
    npm install
    
  3. Set up environment variables:
  • Set up your Firebase project and configure the Firebase Auth settings.
  1. Start the development server
    npm run dev
    

🤝 How to contribue?

  1. Fork the project
  2. Create a new branch: git checkout -b my-new-feature
  3. Make your changes and commit: git commit -m 'Add new feature'
  4. Push to the main branch: git push origin my-new-feature
  5. Open a Pull Request

Developed with ❤️ Gabriel

About

In this project, all the routes necessary for navigation were developed, as well as the componentization of the header and footer on all pages, including post details. Furthermore, props were used for efficient data transmission between the different components.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published