This repository contains the code for a client-side web application called Astronomy, designed to provide a seamless experience for exploring astronomical content. It leverages React for its frontend, integrating with various APIs to fetch and display information about astronomy-related topics. Powered by the Astronomy Picture of the Day (APOD) API provided by NASA, our application delivers a daily dose of awe-inspiring imagery, captivating videos, and fascinating astronomical insights.
- Single-Page Application (SPA) architecture: Enables smooth navigation and dynamic content loading.
- React Router: Utilized for declarative routing and managing client-side navigation.
- Styled Components: Implements modular and scoped styling, enhancing maintainability and preventing CSS class conflicts.
- Integration with TheApodDB API: Fetches Astronomy Picture of the Day (APOD) data and displays it to users.
- Newsletter functionality: Allows users to subscribe for updates.
To run the project locally, follow these steps:
- Clone the Repository:
git clone https://github.com/hamzajashari/Astronomy
cd astronomy-web-ap- Install Dependencies:
npm install- Run Development Server:
npm run dev- Access the Figma File for the design specifications.
- Explore the project structure, including components and pages.
- Navigate through different sections such as Home, About, Apod, Newsletter, etc., using the provided navigation links.
- The project utilizes React Query for efficient data fetching and caching, enhancing performance and responsiveness.
- React Toastify is integrated to provide user-friendly notifications, ensuring a smooth experience during interactions like form submissions.
- Feel free to explore the codebase and customize the application to suit your requirements. For any queries or feedback, please don't hesitate to reach out!