NASA APOD

ASTRONOMY PICTURE OF THE DAY

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Author
• 🔭 Future Features
• 📝 CHALLENGES
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 NASA APOD

This challenge assesses my skills in React and TypeScript as well as my problem-solving abilities.

Please click on the video below 👇 for more explanation

🛠 Built With

Tech Stack

To build this project I used a tech stack detailed below:

Client

• React.js
• TypeScript
• CSS

Key Features

• Fetch and display data from NASA APOD API
• Responsive design
• Error handling
• Search functionality by date (Bonus)
• Image gallery (Bonus)

(back to top)

🚀 Live Demo

Please click 👇 the link below to open the webpage in your browser

• NASA APOD

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• To install Node.js on your computer.

Setup

Clone this repository to your desired folder:

1. Navigate to a folder where you want the cloned file to appear

2. Clone this repo in your terminal or git bash using the command

     git clone <URL> 'https://github.com/Olivier-Kango/nasa-aprod' in your terminal
      
   

Install

Install this project with:

run npm install to install all the necessary dependencies including the linters

--->

Usage

To run the project, execute the following command:

npm start

• This will run the react app in your browser

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Run tests

To run tests, run the following command:

npm run test

--->

Deployment

To deploy this project I used :

• Vercel

(back to top)

👥 Author

This project was built in under 24-48 hours by :

👤 Olivier Kango

• GitHub: @github-olivier
• Twitter: @twitter-olivier
• LinkedIn: @linkedIn-olivier
• Angelist: @angelist-olivier

(back to top)

🔭 Future Features

• Zoom and Pan
• Favorites/Bookmarks
• Share functionality
• Comments/Feedback
• Accessibility features
• Search functionality
• Lazy loading

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome !!!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐ if you like this project!

(back to top)

🙏 Acknowledgments

I would like to thank:

• I would like to express my sincere gratitude to MPC for this wonderful opportunity. This challenge allows me to showcase my passion and skills in web development.
• I would also like to thank my parents and my brother Théophile for their unwavering support during the difficult period of job searching after my studies. Your encouragement and belief in me have been invaluable.

(back to top)

📝 License

This project is MIT licensed.

(back to top)