https://github.com/isayanpal/newstech
NewsTech is a web application designed to fetch and display the latest technology news articles from various sources. The application is built using modern web technologies, providing a clean and user-friendly interface for staying up-to-date with the latest in tech.
https://github.com/isayanpal/newstech
axios expressjs framer-motion nodejs reactjs tanstack-react-query
Last synced: 3 months ago
JSON representation
NewsTech is a web application designed to fetch and display the latest technology news articles from various sources. The application is built using modern web technologies, providing a clean and user-friendly interface for staying up-to-date with the latest in tech.
- Host: GitHub
- URL: https://github.com/isayanpal/newstech
- Owner: isayanpal
- Created: 2024-05-25T17:01:19.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-07T15:45:22.000Z (almost 2 years ago)
- Last Synced: 2025-01-09T20:39:56.223Z (over 1 year ago)
- Topics: axios, expressjs, framer-motion, nodejs, reactjs, tanstack-react-query
- Language: JavaScript
- Homepage: https://newstech-v1.vercel.app
- Size: 1.79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NewsTech
NewsTech is a web application designed to fetch and display the latest technology news articles from various sources. The application is built using modern web technologies, providing a clean and user-friendly interface for staying up-to-date with the latest in tech.
## Demo
Live link - https://newstech-v1.vercel.app/
## Tech Stack
### Frontend
- React
- Axios (HTTP Requests)
- React Router (Routing)
- Tailwind CSS (Styling)
### Backend
- Node.js
- Express.js
- Axios (HTTP Requests)
## Screenshots
## Installation
Follow these steps to set up the project on your local machine:
### Prerequisites
Make sure you have the following installed on your system:
- Node.js (>= 14.x)
- npm (>= 6.x)
### Clone the Repository
```bash
git clone https://github.com/isayanpal/newstech.git
cd newstech
```
### Server Setup
1. Navigate to the `server` directory:
```bash
cd server
```
2. Install server dependencies:
```bash
npm install
```
3. Create a `.env` file in the `server` directory and add your environment variables:
```plaintext
NEWS_API_KEY= your api key
VITE_URL=http://localhost:5173
```
4. Start the server:
```bash
npm run dev
```
### Client Setup
1. Open a new terminal window and navigate to the `client` directory:
```bash
cd client
```
2. Install client dependencies:
```bash
npm install
```
3. Create a `.env` file in the `client` directory and add your environment variables:
```plaintext
VITE_API_BASE_URL=http://localhost:5000
```
4. Start the client:
```bash
npm run dev
```
### Running the Application
The client will be running on `http://localhost:5173` and the server on `http://localhost:5000`.
## Contributing
If you want to contribute to NewsTech, please follow these steps:
1. Fork the repository.
2. Create a new branch:
```bash
git checkout -b feature-branch
```
3. Make your changes and commit them:
```bash
git commit -m 'Add some feature'
```
4. Push to the branch:
```bash
git push origin feature-branch
```
5. Open a pull request.
## Acknowledgements
- News API for providing the technology news data.
## Happy Coding ❤️