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

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

api async-await css3 ecmascript6 fetch-api html5 javascript react react-hooks react-icons tabs useeffect usestate

Last synced: 20 days ago
JSON representation

Tabs Project using React

• Host: GitHub
• URL: https://github.com/pktcodes/tabs-react-project
• Owner: pktcodes
• Created: 2022-07-28T02:37:49.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-28T03:52:49.000Z (over 2 years ago)
• Last Synced: 2024-11-08T23:57:57.245Z (2 months ago)
• Topics: api, async-await, css3, ecmascript6, fetch-api, html5, javascript, react, react-hooks, react-icons, tabs, useeffect, usestate
• Language: CSS
• Homepage: https://react-tabs-prod.netlify.app/
• Size: 368 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-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 work experience in that particular company.

- Each single experience card has **title**, **dates**, **company**, **duties** along with a button **More Info**.

- **` Loading...`** 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 start` to start up the development server on default port 3000.

#### Languages

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

#### Packages

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

#### API

https://course-api.com/react-tabs-project

#### Deployment / Hosting

Netlify

---

_Note: I have developed this project ~ [6] as part of React and Projects Course taught by John Smilga._