https://github.com/pktcodes/tabs-react-project-v2

Tabs Project using React
https://github.com/pktcodes/tabs-react-project-v2

api async-await css ecmascript fetch-api html javascript react react-hooks react-icons tabs useeffect usestate vite

Last synced: 6 days ago
JSON representation

Tabs Project using React

• Host: GitHub
• URL: https://github.com/pktcodes/tabs-react-project-v2
• Owner: pktcodes
• Created: 2023-07-21T02:24:39.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-07-21T02:37:50.000Z (over 1 year ago)
• Last Synced: 2024-08-12T23:21:36.669Z (3 months ago)
• Topics: api, async-await, css, ecmascript, fetch-api, html, javascript, react, react-hooks, react-icons, tabs, useeffect, usestate, vite
• Language: CSS
• Homepage: https://react-tabs-v2-prod.netlify.app/
• Size: 24.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tabs 📑

> PROD [Live] : https://react-tabs-v2-prod.netlify.app/

#### Tabs consists of a straightforward user interface where there is a

- List of buttons with a **Company Name** which on click shows the job info experience in that particular company.

- Each single experience card has **title**, **dates**, **company**, **duties**.

- **`Loading`** spinner has been implemented which will be shown while fetching data, once the data is available the main page will be shown. 

- Data is handled by the external `API` and styles are handled in `index.css`.

- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm run dev` to start up the development server on default port 5173.

#### Languages

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState, useEffect

#### Packages

[React Icons](https://www.npmjs.com/package/react-icons)

#### Deployment / Hosting

Netlify

---

_Note: I have developed this project ~ [7] as part of React 18 Tutorial and Projects Course (2023) taught by John Smilga._