Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/walidbosso/mern_stack_blogproject

This project is a dynamic and responsive full-stack web application developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack. Tailwind CSS is utilized for modern and utility-driven styling.
https://github.com/walidbosso/mern_stack_blogproject

about addcommentform article articles articleslist blog commentslist components expressjs home javascript mern-stack mern-stack-development mongodb navbar nodejs notfound reactjs tailwindcss webapp

Last synced: about 2 months ago
JSON representation

This project is a dynamic and responsive full-stack web application developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack. Tailwind CSS is utilized for modern and utility-driven styling.

Awesome Lists containing this project

README 

        



![MERN_Stack_BlogProject](https://socialify.git.ci/walidbosso/MERN_Stack_BlogProject/image?description=1&font=Source%20Code%20Pro&forks=1&issues=1&language=1&name=1&owner=1&pattern=Formal%20Invitation&pulls=1&stargazers=1&theme=Auto)







 





  

  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=walidbosso&data=followers,repositories,stars,commits&theme=nautilus)](https://github.com/walidbosso/MERN_Stack_BlogProject)



  











  

  






  

# MERN Stack Project with Tailwind CSS

  

  



## Summary



This project is a dynamic and responsive full-stack web application developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack. Tailwind CSS is utilized for modern and utility-driven styling. The project includes various components such as comment forms, article renderers, and navigation bars, along with distinct pages like the About, Article, Articles List, Home, and NotFound. The application aims to provide a seamless and engaging user experience, allowing users to explore and interact with articles and comments. The project is open-source and licensed under the MIT License.



## Components



### 1. AddCommentForm.js

- **Description:** This component facilitates the addition of comments to the web application. It integrates seamlessly with the comment feature.



### 2. Articles.js

- **Description:** Responsible for rendering articles on the user interface. This component plays a crucial role in presenting content to users.



### 3. CommentsList.js

- **Description:** Displays a list of comments associated with articles. Enhances user engagement by showcasing community interactions.



### 4. Navbar.js

- **Description:** The navigation bar component that provides easy and intuitive access to different sections of the web application.



## Pages



### 1. About.js

- **Description:** The About page offers insights into the purpose and vision of the web application. Users can learn more about the project and its contributors.



### 2. Article.js

- **Description:** This page presents individual articles with detailed content, fostering a rich reading experience for users.



### 3. Article_before_fullstack-react.js

- **Description:** The previous version of the article page, capturing the evolution of the application before the migration to full-stack React.



### 4. ArticlesList.js

- **Description:** Lists multiple articles, providing users with an overview of available content. Enhances content discoverability.



### 5. Home.js

- **Description:** The homepage serves as the entry point for users, featuring highlights and essential information about the application.



### 6. NotFound.js

- **Description:** This page handles 404 errors gracefully, improving the user experience by guiding users when they encounter missing or non-existent pages.



## License



This project operates under the **MIT License**. Refer to the [LICENSE](LICENSE) file for detailed information.



## Feedback and Contributions



Your feedback and contributions are invaluable! Feel free to open issues, submit pull requests, or connect for discussions.



- Contact me in [LinkedIn](https://www.linkedin.com/in/walidbosso) for questions. 









  

----------------------

> >  
 © *by Walid BOUSSOU*   🇲🇦 😄 
  

----------------------



👏 Thanks for the support 



## Stargazers






[![Stargazers repo roster for @walidbosso/MERN_Stack_BlogProject](http://reporoster.com/stars/dark/walidbosso/MERN_Stack_BlogProject)](https://github.com/walidbosso/MERN_Stack_BlogProject/stargazers)






## Forkers






[![Forkers repo roster for @walidbosso/MERN_Stack_BlogProject](http://reporoster.com/forks/dark/walidbosso/MERN_Stack_BlogProject)](https://github.com/walidbosso/MERN_Stack_BlogProject/network/members)






## Contributors





  












 







![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/walidbosso/MERN_Stack_BlogProject?style=social)








![GitHub License](https://img.shields.io/github/license/walidbosso/MERN_Stack_BlogProject?style=social)






𝚂𝚑𝚘𝚠 𝚜𝚘𝚖𝚎 💙 𝚋𝚢 𝚜𝚝𝚊𝚛𝚛𝚒𝚗𝚐 ⭐ 𝚝𝚑𝚎 𝚛𝚎𝚙𝚘𝚜𝚒𝚝𝚘𝚛𝚢!







Back to top