https://github.com/omunite215/fcc-random-quote-generator

This is a Random Quote generating website project given by Free Code Camp while completing Front-End Libraries Certifications built using React.JS , Bootstrap CSS and HTML.
https://github.com/omunite215/fcc-random-quote-generator

bootstrap css freecodecamp freecodecamp-project front-end-development front-end-web-development html javascript react reactjs

Last synced: 4 months ago
JSON representation

This is a Random Quote generating website project given by Free Code Camp while completing Front-End Libraries Certifications built using React.JS , Bootstrap CSS and HTML.

• Host: GitHub
• URL: https://github.com/omunite215/fcc-random-quote-generator
• Owner: omunite215
• Created: 2023-01-20T11:00:02.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-02-21T17:01:55.000Z (over 1 year ago)
• Last Synced: 2025-04-04T12:52:39.369Z (about 1 year ago)
• Topics: bootstrap, css, freecodecamp, freecodecamp-project, front-end-development, front-end-web-development, html, javascript, react, reactjs
• Language: TypeScript
• Homepage: https://randomquotegeneratorbyom.netlify.app/
• Size: 809 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# FCC - Random Quote Generator

![image](https://github.com/user-attachments/assets/9d30c829-e484-4d72-8f93-a41c311c08f6)

## Updates made to this project on 21/02/2025:

- Migrated to TypeScript.

- Migrated to bun from pnpm.

- Migrated to API Ninjas Quote API.

- Migrated to Farm from Vite as Bundler.

- Improved Responsiveness and UI.

- Using React Query for Data Fetching.

- Using React-Bootstrap Package.

- minor performance improvements.

## This is my First Project Built With React!!

### I have written Comments wherever neccessary.

### I have divided this site into two components: Navbar and Quote section respectively.

The project is hosted on Netlify : [Random Quote Generator](https://randomquotegeneratorbyom.netlify.app/)

## :star: Give A Star

You can also give this repository a star to show more people and they can use this repository.

# Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Before you start, make sure you have the following software installed on your computer:

[![My Skills](https://skillicons.dev/icons?i=nodejs)](https://skillicons.dev)

### npm (Node Package Manager)

## ℹ️ How to use this Repository?

1. Clone the repository to your local machine

```bash

  git clone https://github.com/omunite215/FCC-Random-Quote-Generator.git

```

2. Navigate to the project directory

```bash

  cd FCC-Random-Quote-Generator

```

3. Install the necessary dependencies

```bash

  bun install

```

4. Start the development server

```bash

  bun start

```

The website should now be up and running on http://localhost:3000.

## 🏠 Built With:

[![My Skills](https://skillicons.dev/icons?i=react,bootstrap,bun)](https://skillicons.dev)

## 🛠 Skills

[![My Skills](https://skillicons.dev/icons?i=js,ts,html,css)](https://skillicons.dev)

## 📲 Tech Stack

### **Server:** 

[![My Skills](https://skillicons.dev/icons?i=netlify)](https://skillicons.dev)

## 🚀 About Me

Front - End Web Development Enthusiast

Specializations:

- UI/UX Design.

- Web Development

## 🙋‍♂️ Connect With Me

[](https://github.com/omunite215) 

[](https://www.linkedin.com/in/om-patel-401068143/) 

[](https://www.instagram.com/_21omp/) 

[](https://portfolio-jade-gamma-13.vercel.app/)

## Authors



  

    

      

    

  



## Acknowledgements

 - [Next docs](https://nextjs.org/docs)

 - [Bootstrap Docs](https://getbootstrap.com/docs/5.3/getting-started/introduction/)

 - [React Docs](https://reactjs.org/)