https://github.com/daviiisousa/codeleaptest
https://github.com/daviiisousa/codeleaptest
axios framer-motion react reacttoastify tailwindcss typescript
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/daviiisousa/codeleaptest
- Owner: daviiisousa
- Created: 2025-05-07T20:09:39.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-05-08T21:10:31.000Z (12 months ago)
- Last Synced: 2025-06-10T23:38:02.490Z (11 months ago)
- Topics: axios, framer-motion, react, reacttoastify, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://code-leap-test-gamma.vercel.app
- Size: 241 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CodeLeap Test
---
## 📌 About
This application was developed as part of a frontend technical test for the company [CodeLeap](https://codeleap.co.uk/). It is a frontend interface for performing CRUD operations (Create, Read, Update, Delete) on a posts API.
---
## 🛠️ Technologies Used
- **TypeScript**
- **React**
- **Framer Motion**
- **React Toastify**
- **Tailwind CSS**
- **React Router DOM**
- **Axios**
- **clsx**
- **Vite**
---
## 🚀 Features
- Create posts
- View posts
- Edit your own posts
- Delete your own posts
---
## 🧠 Lessons Learned
- Improved understanding of component reusability and React Router.
- Learned how to handle CRUD operations cleanly with Axios and TypeScript.
- Learned about responsive design with Tailwind CSS.
---
## 💻 Installation & Running
### Prerequisites:
- [Node.js](https://nodejs.org/) installed
- A package manager: **npm** or **yarn**
### Steps:
```bash
# Clone the repository
git clone https://github.com/daviiisousa/CodeLeapTest.git
# Navigate to the project directory
cd CodeLeapTest
# Install dependencies
npm install
# or
yarn install
# Start the development server
npm run dev
# or
yarn dev
```