https://github.com/abdullahceylan/ac-react-reddit

A Reddit client built with React.js, next.js and styled-components. https://ac-react-reddit.herokuapp.com
https://github.com/abdullahceylan/ac-react-reddit

javascript nextjs react reactjs reddit reddit-client styled-components

Last synced: 2 months ago
JSON representation

A Reddit client built with React.js, next.js and styled-components. https://ac-react-reddit.herokuapp.com

• Host: GitHub
• URL: https://github.com/abdullahceylan/ac-react-reddit
• Owner: abdullahceylan
• License: mit
• Created: 2018-11-21T23:17:15.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-09-12T04:34:14.000Z (4 months ago)
• Last Synced: 2024-09-12T14:11:28.619Z (4 months ago)
• Topics: javascript, nextjs, react, reactjs, reddit, reddit-client, styled-components
• Language: JavaScript
• Homepage:
• Size: 2.86 MB
• Stars: 41
• Watchers: 2
• Forks: 7
• Open Issues: 39
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
ac-react-reddit


A Reddit client built with [React.js](https://github.com/facebook/react), [next.js](https://github.com/zeit/next.js) and [styled-components](https://github.com/styled-components/styled-components). I've used [this Reddit design concept](https://dribbble.com/shots/4573375-New-Reddit-design-for-web) which is designed by Hernan Vionnet.

## Preview

### Post details

![Preview](https://i.gyazo.com/2d308150f53fd1dda31678d2d1b0e2a0.gif)

### Load more

![Preview](https://i.gyazo.com/8008e3910370f8f21b5848ad7700fd05.gif)

### Subreddit

![Preview](https://i.gyazo.com/48279609d57eb118bd3846e325b8461c.gif)

## Running Locally

1. Clone this repo

2. Type `cd ac-react-reddit` to enter the project folder

3. Run `npm install` and install dependencies

4. Run `npm run dev` and visit [localhost:3000](http://localhost:3000)

## Build

1. Run `npm run build`

1. The compiled version will be in `/.next/dist/`

## Live Example

You can test on https://ac-react-reddit.herokuapp.com

## To-Do

- [ ] Create tests

- [ ] Re-organize component tree