Newsletterwebapp

MasterWithAhmad

Explore our dynamic web platform designed for delivering the latest news articles, engaging content, and seamless contact experiences. Built with React.js, Tailwind CSS, and integrated with SweetAlert for notifications, our site ensures a modern, user-friendly interface for news browsing and interactive messaging.

Download

Welcome to the Newsletter Web App! This application keeps you updated with the latest news and provides an engaging and interactive user experience.

✨ Features

📰 Dynamic Content: Fetches and displays the latest news articles using an external API.
💬 User Interaction: Allows users to read full articles and share them on social media.
🎨 Customization: Utilizes Tailwind CSS for flexible styling and a modern UI.
🔔 Notifications: SweetAlert for beautiful, responsive, and customizable alert dialogs.

🚀 Getting Started

Prerequisites

Node.js and npm installed on your machine.

Installation

Clone the repository:

git clone https://github.com/MasterWithAhmad/NewsletterWebApp.git

Navigate to the project directory:
```
cd NewsletterWebApp
```
Install dependencies:
```
npm install
```
Run the application:
```
npm run dev
```
Open your browser and visit http://localhost:3000 to view the application.

Check out the live demo here!

https://newsletter-website.netlify.app/

Technologies Used

⚛️ React: Frontend JavaScript library for building user interfaces.
🎨 Tailwind CSS: Utility-first CSS framework for styling.
🌐 React Router: Declarative routing for React applications.
📡 Axios: Promise-based HTTP client for making API requests.
🔔 SweetAlert: Beautiful, responsive, customizable alert dialogs.
🌍 Currents API: External API used for fetching the latest news articles.

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Fork the Project:
- Click the "Fork" button on the top right of the project repository page on GitHub.

Clone your fork:

git clone https://github.com/MasterWithAhmad/NewsletterWebApp.git

Navigate to your project directory:
```
cd NewsletterWebApp
```

Add the original repository as a remote:

git remote add upstream https://github.com/MasterWithAhmad/NewsletterWebApp.git

Fetch the latest changes from the original repository:
```
git fetch upstream
```

Update your local main branch:

git checkout main
git merge upstream/main

Create your Feature Branch:
```
git checkout -b feature/AmazingFeature
```

Commit your Changes:

git commit -m 'Add some AmazingFeature'

Push to the Branch:
```
git push origin feature/AmazingFeature
```
Open a Pull Request:
- Go to the original repository on GitHub.
- Click on the "Pull requests" tab.
- Click the "New pull request" button.
- Select your feature branch from the dropdown menu and click "Create pull request".
- Add a descriptive title and comment, then click "Create pull request".