See the App! Collective Pulse Deployment
Collective Pulse is a collaborative urban digital magazine where everyone can submit articles and stay informed about interesting facts across various categories. The app allows users to write, edit, and delete articles, as well as interact through comments, likes, and filters by date or views.
- React
- React Router
- Axios
- Node.js
- Express
- MongoDB
- CSS
- Vite (for environment configuration)
- Other: Modal, Carousel, Custom animations
- Implement a comment system for articles.
- OAuth integration for login with Google/Facebook.
- "Like" or "Favorite" functionality for articles.
- Advanced search filters (by author, date, category).
- Author profiles with customization options.
- Email notifications for new articles or events.
- Dynamic category management for admin users.
- 404 - As a user, I want to see a friendly error page when I access a page that does not exist so I know it’s my mistake.
- 500 - As a user, I want to see a proper error page when the server fails so I know it's not my fault.
- Homepage - As a user, I want to access the homepage to explore what the magazine is about.
- Sign up - As a user, I want to sign up so that I can start submitting my articles.
- Login - As a user, I want to log in to manage my articles and personalize my feed.
- Logout - As a user, I want to log out securely from my account.
- View Articles - As a user, I want to browse through the list of articles across different categories.
- Submit Article - As a user, I want to create and upload an article under different categories.
- Search - As a user, I want to search for articles using keywords or category filters.
- Edit/Delete Article - As a user, I want to be able to modify or delete my own articles.
Method | URL | Request Body | Description |
---|---|---|---|
GET | /news | n/a | Returns an array of all news |
GET | /news?categories={category} | n/a | Returns news filtered by category |
GET | /news/:id | n/a | Returns details of a specific news by ID |
POST | /news | n/a | Creates a new news item |
PUT | /news/:id | n/a | Updates the news item by ID |
DELETE | /news/:id | n/a | Deletes a specific news by ID |
GET | /comments?newId={id} | n/a | Returns comments associated with a specific news ID |
GET | /comments | n/a | Returns all comments |
DELETE | /comments/:id | n/a | Deletes a specific comment by ID |
- Navbar - Displays the main site navigation links.
- Footer - Provides essential links and site information.
- SearchBar - Interactive search bar for finding articles by keywords or categories.
- Carousel - Highlights featured or trending articles.
- CardM - Displays article previews in a card format.
- DeleteModal - Modal for confirming article deletions.
- LabelCategory - Labels for categories with custom styles.
- ScrollToTop - Button to scroll back to the top of the page.
-
Ana Badolato
-
Javier Catral
-
Repository Link Client: Collective Pulse Frontend
-
Repository Link Server: Collective Pulse Backend
-
Deploy Link: Collective Pulse Deployment
- Trello Board: Trello Link
- Slides Link: Collective Pulse Slides