Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nadim-nion/the-news-dragon-server
Powering 'The Dragon News Portal' backend – a React + Vite server with Firebase authentication, Vercel integration, and support for a unique UI, dynamic scrollbar, multi-navigation bars, categorized news, 'read more' functionality, and secure registration.
https://github.com/nadim-nion/the-news-dragon-server
backend expressjs nodejs vercel
Last synced: 8 days ago
JSON representation
Powering 'The Dragon News Portal' backend – a React + Vite server with Firebase authentication, Vercel integration, and support for a unique UI, dynamic scrollbar, multi-navigation bars, categorized news, 'read more' functionality, and secure registration.
- Host: GitHub
- URL: https://github.com/nadim-nion/the-news-dragon-server
- Owner: Nadim-Nion
- Created: 2023-12-16T12:15:31.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2023-12-25T12:00:18.000Z (11 months ago)
- Last Synced: 2023-12-25T18:26:54.175Z (11 months ago)
- Topics: backend, expressjs, nodejs, vercel
- Language: JavaScript
- Homepage: https://the-news-dragon-server-snowy-eight.vercel.app/
- Size: 36.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Dragon News Portal - Server Side
Welcome to the backend of **The Dragon News Portal**, the server-side infrastructure that powers an innovative news platform built using React + Vite. In just 4-5 days, we've crafted a robust server architecture to support the dynamic features of our news portal.
## Key Features:
1. **Unique UI Support**: The backend seamlessly supports the unique user interface of The Dragon News Portal, ensuring a smooth and responsive experience for users.
2. **Dynamic Scrollbar Integration**: Enable dynamic scrollbar functionality on the server side, optimizing the navigation experience for users scrolling through the latest news.
3. **Comprehensive Navigation Bars**: The server facilitates the rendering of navigation bars located at the top, right, and left sides, contributing to an intuitive and user-friendly interface.
4. **Category-based News Retrieval**: Empower the frontend to fetch news articles based on categories, delivering personalized content to users based on their interests.
5. **Article Detail Handling**: Manage requests for detailed article information triggered by user clicks on the 'read more' button, ensuring a seamless transition to dedicated pages with in-depth content.
6. **Firebase Authentication Integration**: Implement a secure authentication system via Firebase on the server side, allowing new users to register with their email and password and existing users to log in seamlessly.
7. **Terms and Conditions Enforcement**: The server enforces the acceptance of terms and conditions during the registration process. The registration button is functional only when users acknowledge and accept the terms.
8. **Vercel Data Loading Support**: Establish a connection with Vercel to efficiently load data from the backend, optimizing the performance of The Dragon News Portal.
## Technologies Used:
- **React + Vite**: The server side integrates with React and Vite to provide a solid foundation for a fast and efficient frontend development environment.
- **React Bootstrap Support**: Ensure smooth compatibility with React Bootstrap components to enhance the design and functionality of the news portal.
- **Firebase Authentication Services**: Implement Firebase authentication services to secure user accounts and facilitate a seamless login and registration process.
- **Vercel Integration for Data Loading**: Leverage Vercel to load data efficiently from the backend, contributing to the overall performance and responsiveness of the news portal.
Explore the backend architecture that powers The Dragon News Portal and supports its dynamic features. Your journey to a personalized news experience begins here! 🐉🌐
## Live Link (Backend)
* Vercel: https://the-news-dragon-server-snowy-eight.vercel.app/
## Deployment
To deploy this project run
```bash
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/Nadim-Nion/the-news-dragon-server.git
git push -u origin main
```
## Screenshots
* Home Page:
* News Page:
* Register Page:
* Sign in Page:
## Tech Stack
**Client:** React, React Router, React Bootstrap
**Tools:** Vite, Firebase, Vercel
## FAQ
#### Is this website reponsible?
Answer : No
#### Is this website store data to the database?
Answer : I won't store it in the regular storage platform like MongoDB.
## 🚀 About Me
Hi, I am Nadim Mahmud Nion. I have recently concluded my graduation from the department of Computer Science and Engineering (CSE) at the Daffodil International University (DIU). I have been learning MERN Stack Web Development since 2022. I am expertise in the following skills:
* React
* Vite
* React Router
* Firebase
* Vercel
* JavaScript
* Advanced JavaScript
* Daisy UI
* Bootstrap
* Tailwind
* HTML5
* CSS3
* Media Query
I have built multiple projects using these skills. You are invited to my GitHub profile to know about my projects and don't forget to give a star to my projects.