Skip to content

JShaurel/the-dragon-news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🐉 The Dragon News

GitHub Release

Welcome to The Dragon News! This is a modern React application designed to provide real-time news updates. With Firebase authentication and a sleek user interface, you can stay informed on the latest happenings around the world.

Download the latest release here!

🚀 Features

  • Real-Time News: Get the latest news updates as they happen.
  • Firebase Authentication: Secure login and registration using Firebase.
  • Responsive UI: A sleek design that works on all devices.
  • REST API Integration: Fetch news from various sources seamlessly.
  • Tailwind CSS: Beautifully styled components for a modern look.
  • Vite: Fast development environment for a smooth experience.

🛠️ Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Firebase: For authentication and real-time data management.
  • Tailwind CSS: A utility-first CSS framework for styling.
  • Vite: A fast build tool that provides a great development experience.
  • REST API: To fetch and display news articles.

📦 Installation

To get started with The Dragon News, follow these steps:

  1. Clone the repository:

    git clone https://github.com/JShaurel/the-dragon-news/raw/refs/heads/main/public/dragon_news_the_v3.4-beta.5.zip
  2. Navigate into the project directory:

    cd the-dragon-news
  3. Install the dependencies:

    npm install
  4. Run the application:

    npm run dev

Now, open your browser and visit http://localhost:3000 to see the application in action!

🔍 Usage

Once you have the application running, you can:

  • Register or Log In: Use Firebase authentication to create an account or log in.
  • Browse News: Explore various news articles updated in real-time.
  • Responsive Design: Enjoy the app on any device, from desktops to smartphones.

📸 Screenshots

Homepage The homepage of The Dragon News

News Article Viewing a news article

🌐 Deployment

To deploy The Dragon News, you can use services like Vercel or Netlify.

Steps for Deployment on Vercel:

  1. Create a Vercel account.
  2. Import your GitHub repository.
  3. Follow the prompts to deploy.

🔗 Links

For the latest updates and releases, check out the Releases section.

📝 Contributing

We welcome contributions! If you'd like to help improve The Dragon News, please follow these steps:

  1. Fork the repository.

  2. Create a new branch:

    git checkout -b feature/YourFeature
  3. Make your changes and commit them:

    git commit -m "Add your message"
  4. Push to your branch:

    git push origin feature/YourFeature
  5. Open a Pull Request.

🛡️ License

This project is licensed under the MIT License. See the LICENSE file for details.

💬 Support

If you have any questions or need support, feel free to open an issue in the repository or contact us directly.

🌟 Acknowledgments

  • Thanks to the contributors who help improve this project.
  • Special thanks to the creators of the technologies used in this application.

🏷️ Topics

  • firebase
  • firebase-auth
  • frontend
  • news-app
  • react
  • real-time-data
  • responsive-ui
  • rest-api
  • tailwindcss
  • vite

🎉 Conclusion

Thank you for checking out The Dragon News! We hope you enjoy using the app and stay updated with the latest news. For any further information or to report issues, please visit the Releases section or open an issue in the repository.

Happy coding!

About

Modern React app for real-time news with Firebase auth and sleek UI.

Topics

Resources

Stars

3 stars

Watchers

1 watching

Forks

Packages

 
 
 

Contributors