Skip to content

Latest commit

Β 

History

32 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

GoBasera Logo GoBasera – Announcements App

πŸ“’ A simple yet powerful React + NestJS application to manage announcements for GoBasera. Easily add announcements, mark them as closed, and track timestamps – all with a clean, responsive UI.


🌍 Live Demo


✨ Features

  • πŸ“ Add announcements with title & description
  • πŸ“ƒ View announcements in a feed/list view
  • βœ… Mark announcements as closed with one click
  • ⏱️ Automatic timestamps:
    • createdAt β†’ when announcement is added
    • closedAt β†’ when announcement is closed
  • ❀️ πŸ‘ πŸ‘Ž Reactions support (like, dislike, heart) with optimistic UI updates
  • πŸ’¬ Add comments to each announcement
  • 🎨 Professional UI with GoBasera branding
  • πŸ“± Responsive design for mobile and desktop
  • 🌐 CORS-ready for multiple frontend deployments

πŸ› οΈ Tech Stack

Layer Technology
Frontend React.js, JavaScript, Tailwind CSS
Backend NestJS (Node.js)
API REST API
Database In-memory (extendable β†’ MongoDB / PostgreSQL)
Styling Inline CSS (scalable β†’ TailwindCSS / styled-components)

#πŸ“‚ Project Structure

GoBasera-Announcements
β”‚
β”œβ”€β”€ frontend/ # React frontend
β”‚ β”œβ”€β”€ src/
β”‚ β”‚ β”œβ”€β”€ App.jsx # Main React component
β”‚ β”‚ └── index.js # Entry point
β”‚
β”œβ”€β”€ backend/ # NestJS backend
β”‚ β”œβ”€β”€ src/
β”‚ β”‚ β”œβ”€β”€ announcements/
β”‚ β”‚ β”‚ β”œβ”€β”€ announcements.controller.ts
β”‚ β”‚ β”‚ └── announcements.service.ts
β”‚ β”‚ β”œβ”€β”€ comments/
β”‚ β”‚ β”‚ β”œβ”€β”€ comments.controller.ts
β”‚ β”‚ β”‚ └── comments.service.ts
β”‚ β”‚ β”œβ”€β”€ reactions/
β”‚ β”‚ β”‚ β”œβ”€β”€ reactions.controller.ts
β”‚ β”‚ β”‚ └── reactions.service.ts
β”‚ β”‚ β”œβ”€β”€ app.module.ts
β”‚ β”‚ └── main.ts

πŸ”§ Getting Started

πŸ“Œ Prerequisites

Node.js >= 18

npm / yarn

▢️ Backend Setup

cd backend
npm install
npm run start

Server runs on πŸ‘‰ http://localhost:4000

πŸ’» Frontend Setup

cd frontend
npm install
npm run dev

Frontend runs on πŸ‘‰ http://localhost:5173


πŸ“Έ Screenshots 🏠 Dashboard GoBasera Screenshot

🏠 Dashboard 2.O Gobasera2.O

πŸ’‘ Future Improvements

πŸ” Search / filter announcements

πŸ“… Sort by date or status

πŸ’Ύ Persistent MongoDB / PostgreSQL storage

πŸ” User authentication (Admin & Users)

🎨 Migrate to Tailwind CSS for scalable design


🀝 Contributing

Contributions are welcome! πŸŽ‰

Fork the repo

Create your feature branch β†’ git checkout -b feature/new-feature

Commit changes β†’ git commit -m 'Add new feature'

Push to branch β†’ git push origin feature/new-feature

Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License – you are free to use, modify, and distribute.

πŸ‘¨β€πŸ’» Maintainer

Ompal Singh (Mohit) πŸ“§ mohitsingh.2626452@gmail.com

πŸ”— GoBasera Announcements

About

πŸ“’ GoBasera – Announcements App A React + NestJS application built during a live coding interview at GoBasera. It allows users to add, view, and close announcements with automatic timestamps, featuring a responsive, professional UI.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages