An open API service indexing awesome lists of open source software.

https://github.com/jdwilkin4/fcc-forum-clone

This is a clone project of the freeCodeCamp forum page of latest posts.
https://github.com/jdwilkin4/fcc-forum-clone

css html javascript-vanilla

Last synced: about 1 year ago
JSON representation

This is a clone project of the freeCodeCamp forum page of latest posts.

Awesome Lists containing this project

README

          

# freeCodeCamp forum clone

## Description

This work is inspired by the [freeCodeCamp Forum Homepage](https://www.freecodecamp.org/learn/coding-interview-prep/take-home-projects/build-a-freecodecamp-forum-homepage) project. It is a standalone front-end application and a clone of [freeCodeCamp's 30 most recent forum posts](https://forum.freecodecamp.org/latest) page built with basic HTML5, CSS and JavaScript. It is developed by the members of the freeCodeCamp community in order to develop soft skills, get more familiar with Fetch API, Git workflow and develop general coding skills. _And also, just for the sake of happy coding!_

## Join our team

[![Discord server](https://user-images.githubusercontent.com/65303812/221849016-b67e6f6d-2510-4673-b6a4-7eacaf79942f.png)](https://discord.gg/mkvDfk55P2)

## Tech Stack

- ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
- ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

## Table of contents

- [Installation](#installation)
- [Basic Setup](#basic-setup)
- [Running the project](#running-the-project)
- [Contributing](#contributing)
- [Help](#help)
- [Why should you join us?](#why-should-you-join-us)

## Installation

##### Basic Setup

In order to follow further instruction and run this project on your local machine, you will need to install:

- Javascript runtime environment - [Node.js](https://nodejs.org/en/)
- Version control system - [Git](https://git-scm.com/downloads)

Before you download anything, check if you don't have it installed already by issuing these commands to your terminal:

```sh
$ node -v
# v17.9.0
$ git --version
# git version 2.25.1
```

If you get `command not found` message, it's not installed.

_For Windows users_: I also personally recommend installing [Windows Terminal](https://apps.microsoft.com/store/detail/windows-terminal/9N0DX20HK701?hl=en-us&gl=us) where you can run _git-bash_ shell rather than _Command Prompt_, which will allow you typing **Linux commands on Windows**.

##### Running the project

1. Open your teminal
1. `cd` into your projects directory
1. Clone this repository to your local machine `git clone https://github.com/GITHUB-USERNAME-GOES-HERE/fcc-forum-clone.git`
1. Change to the project directory `cd fcc-forum-clone`
1. Make sure you are in the projects directory
Linux: `pwd` should result in `/home/me/fcc-projects/fcc-forum-clone`
Windows: Your prompt should look like this `C:\Users\Me\fcc-projects\fcc-forum-clone>`
1. Install the [dependencies](https://www.quora.com/What-is-a-dependency-in-coding?share=1) using [npm](https://www.w3schools.com/whatis/whatis_npm.asp) program. `npm install`
1. Run the project `npm start`

## Contributing

We keep track of things to do, fix and enhance under the [Issues](https://github.com/jdwilkin4/fcc-forum-clone/issues) section. You can also think of it as our project structure.
If you're thinking about contributing to this codebase, please visit our [contribution guide](https://github.com/jdwilkin4/fcc-forum-clone/blob/main/CONTRIBUTING.md) for more information.

## Help

If you don't understand anything, you are experiencing problems, or you just need a gentle nudge in the right direction, please don't hesitate to join our [discord server](https://discord.gg/QvvUtaThAz).

## Why should you join us?

In addition to working on your coding skills, you will:

- experience what it's like to work on a project in a team of people
- be working on tasks on your own as well as in collaboration with another members
- discuss your changes and changes made by others
- learn basic workflow