https://github.com/giovannileite/b12-news-front-end

Taking inspiration from popular news portals, this project is a comprehensive endeavor covering full-stack development. The project received its last update in July 2023.
https://github.com/giovannileite/b12-news-front-end

css3 disqus eslint html5 nextjs prettier redux-saga redux-toolkit styled-components typescript

Last synced: 8 months ago
JSON representation

Taking inspiration from popular news portals, this project is a comprehensive endeavor covering full-stack development. The project received its last update in July 2023.

• Host: GitHub
• URL: https://github.com/giovannileite/b12-news-front-end
• Owner: GiovanniLeite
• Created: 2022-05-28T17:11:56.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-06-11T22:06:16.000Z (over 1 year ago)
• Last Synced: 2025-01-23T13:13:52.407Z (10 months ago)
• Topics: css3, disqus, eslint, html5, nextjs, prettier, redux-saga, redux-toolkit, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 742 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# b12 News (Front-end)

Back-end corresponding: https://github.com/GiovanniLeite/b12-news-back-end

## 📋 Presentation

Taking inspiration from popular news portals, this project is a comprehensive endeavor covering full-stack development. Utilizing Next.js and TypeScript, the front-end delivers a polished user experience, while the back-end leverages Strapi for content management, Cloudinary for image hosting, and a PostgreSQL database managed via Docker. The website encompasses essential pages such as Home, News, Search, Category, Login, Registration, and Profile. Notable features include advanced search functionality by name or category, seamless pagination, reader comments, highlighted news sections, related articles, and exclusive access for registered users. The project received its last update in July 2023.

![Preview](b12-preview.png)

## 🛠️ Front-end built with

- TypeScript

- Next.js

- Redux Toolkit

- Redux Saga

- HTML5

- CSS3

- Styled Components

- Disqus

- ESLint

- Prettier

## 🔧 Installation

- Install dependencies: `npm install`

- Configure environment variables: `cp .env.example .env`

- Start development application: `npm run dev`

## 📫 Contact

[![Portfolio](https://img.shields.io/badge/website-000000?style=for-the-badge&logo=About.me&logoColor=white)](https://www.giovannileite.com)

[![Linkdin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/giovanni-leite-dev/)

[![Outlook](https://img.shields.io/badge/Microsoft_Outlook-0078D4?style=for-the-badge&logo=microsoft-outlook&logoColor=white)](mailto:giovanni.m.leite@outlook.com?subject=[GitHub]%20Contact)