This project is called "Yetti Speaks", a blog website that showcases various blog posts from the json placeholder API. The project is built using React.js and styled with Tailwind CSS. Axios is used to fetch data from the API, Recoil is used for state management, and Vite is used as the development server and build tool.
This project was set up using Vite
Project Demo: https://yetti-speaks-ifemi27.vercel.app
To get started, you will need to have Node.js installed on your local machine. You can download Node.js from the official Node.js website. Once you have Node.js installed, you can follow the steps below:
- Clone the repository to your local machine using git@github.com:ifeoluwatomiii/yetti-speaks.git.
- Navigate to the project directory using
cd yetti-speaks. - Install the project dependencies using
npm install. - Run the project using
npm run dev. - Open your browser and navigate to
http://127.0.0.1:5173.
To build the project for production, run npm run build.
The project is structured as follows:
src/components: Contains all the React components used in the project.src/pages: Contains all components that are pages.src/App.js: The main React component that renders the entire application.src/index.js: The entry point to the application.
The "Yetti Speaks" blog project has the following features:
- Fetches blog posts from the json placeholder API.
- Displays blog posts on the home page.
- Allows users to click on a blog post to view its details.
- Allows users to search for a blog post by title or body.
Contributions to the project are welcome. If you find a bug or have a suggestion for a new feature, please open an issue or submit a pull request.