Skip to content

shahzadameerofficial/gnews

Repository files navigation

Designed By: Shahzad Ameer

GNEWS: A Modern News App with Vite, React, and Chakra UI

This project showcases a cutting-edge, single-page application (SPA) built with the latest web development technologies, making it exceptionally fast, visually appealing, and well-structured.

Key Features:

  • Lightning-Fast Performance: Leverages Vite's innovative development server for rapid development and blazing-fast build times.
  • Streamlined Data Fetching: Employs the News API to efficiently retrieve news articles and display them within the app.
  • Seamless User Navigation: Integrates React Router v6 for intuitive and smooth navigation between different news sections.
  • Reusable Components: Adheres to a component-based architecture, promoting code maintainability and reusability.
  • Elegant Design System: Utilizes Chakra UI, a popular React library, to deliver a modern and consistent user interface.

Getting Started

Clone the Repository:

git clone https://github.com/shahzadameerofficial/gnews.git

Install Dependencies:

cd gnews
npm install

Run the Development Server:

npm run dev

This will launch the app in your default browser, typically at http://localhost:5137.

Deployment

This project is already deployed and accessible on GitHub Pages at the following URL:

Live Link

Technologies Used:

  • Vite: A blazing-fast frontend build tool for modern web development.
  • React: A powerful JavaScript library for building user interfaces.
  • React Router v6: Enables efficient and user-friendly navigation within the app.
  • Chakra UI: A comprehensive component library for creating beautiful and responsive React applications.
  • News API: Provides access to a vast database of news articles from various sources.

Contributing

We welcome contributions to this project! Feel free to fork the repository, make changes, and submit pull requests. Refer to the contributing guidelines for more details (if applicable).

License

This project is licensed under the MIT License: https://choosealicense.com/licenses/mit/.