About the Portfolio Project: Reddit Project category

Here’s my Reddit project (semi) complete.

Looking at the others projects posted, my code seems quite simple, so I may have not gone as deep as I should, but it works, so I can continue the course!

There are things I want to go back and complete, like the testing and working out how to convert the Markdown in the Reddit Json file, so any comments/advice is always welcome.

Many thanks to @css3083554563 for helping get the app deployed.

Github
Netlify

Martin

1 Like

Hi everyone,

here’s my Reddit project - live link → https://reddit-atanas.netlify.app/
also on Github → https://github.com/atanas-dim/reddit-client

Any feedback on how to make the code cleaner would be much appreciated as I haven’t had it reviewed by anyone yet! :blush:
Atanas

6 Likes

Hi Coders,

It is hard to get this project to a place where your happy, so I’m posting this here now to help me stop and move on. It has taught me a lot. I had to look up a lot of other resources and tutorials but got there in the end.

Here is my live version: https://reddit-sublime.netlify.app/

And here is the link to the git repo: https://github.com/JennySeal/reddit-lite.git.

It took me about a week and I didn’t really get the routing in, but I’ll keep trying to figure that out.
Any feedback would be great.
Thank you!

This is really good, I love the dark mode and the animations, job well done! Looks really professional! :grinning:

1 Like

Thank you edpho :slight_smile: Glad you like it. I still have to add an error page and maybe try tests

Hey everyone :wave:

I’ve finally gotten this project, to a state that I feel comfortable sharing it. I still have plenty of work to do with respect to testing :sweat_smile: I really enjoyed the process of building out this project, and I’d love to get some feedback! I do still struggle with testing connected components and would appreciate any advice or resources you could recommend.

The links

Thanks in advance!

Note: I’m also having issues getting the audio to play on videos, I suspect this is due to the fact that Reddit serves the assets separately. I’ve also encountered an issue with getting gifs to display properly. Some gifs display as expected, while others only render the first frame. If anyone has found a solution to either problem, I’d love to chat.

1 Like

Hi everyone!

Live: Reddit Clients

Code: Reddit Clients on GitHub

Everything seems to be working fine expect some few things such as responsive design and search functionality.

I’d appreciate any feedbacks. :wink:

Hello guys,

I got to say I really enjoyed this Project was a little scared before starting it. I spent a whopping 29 days on this project!! But in the end is not perfect, but I finally got it to work!

Learned React and Redux in a good way actually I am very comfortable with working with React and Redux now much better than I was before starting this project.

Here is the Project

Live: https://customreddit.netlify.app/
Code: https://github.com/CustomHaven/client-reddit

Managed to do it within 50 commits :joy:!!

Will appreciate the feedbacks of what I could do to improve.

Nice work. One small feedback I have would be to fix the horizontal scaling of images when browser window is made wider/narrower.

I just got to this one on the Full Stack course and honestly I don’t really know where to start with it. Do you guys have any advice?

Hi everyone,

Was a long project, spent a week on it.

Opted for a simple UI.

Still quite a few bugs and lots of room for improvement but learnt a lot about using react, redux and react router.

I really struggled with writing tests, found the course didn’t really give good instruction on it aside from lots of external links to articles.

RedditNano

GitHub

Hi All,

I hope you are well!

Here is my version of Reddit Client which i tried to make.

There is still plenty of work to be done in terms of UI but an initial attempt to make and really happy with this project. It has given me confidence and motivation to learn more and contribute more.

You can see the live website version by visiting: https://laughing-newton-1d578d.netlify.app/

Alternatively you can see the code on my github @ GitHub - naiyagpatel/reddit-client-react-redux

Please do let me know if you have liked any features from this project.

Also your valuable feedback is always needed to help me better in development and contribute more.

Thank you all in advance for your time in looking into this project and any feedback you would have for me.

I know still there is a long way to go for the finished project but a good initial start.

Still need to work on testing bit.

Hope you have a good day.

Happy coding :slight_smile:

Naiya

Honestly looks amazing! I just started this project and have no idea where to start. :frowning:

1 Like

Thank you! I didn’t have a clue where to start either, so at first I just concentrated on getting the data from reddit and rendering it in the browser; everything followed on from there.

Thank you so much! Very very helpful! I’m glad I’m not alone with struggling to code sometimes. :see_no_evil:

Love this one, very clean design and very well put together.
Color scheme is awesome and the features are great too, honestly looks like a finished product although I’m sure you could still add plenty of things to it.

1 Like

Hi All,

Here is my attempt at this project:
Live: https://youthful-liskov-271c0d.netlify.app/
Code: https://github.com/RobCzikkel/RedditMini

I still have so many things to complete (like a README for example) but I spent more than a week on this already and I just want to move on the course.
I honestly did not have a clue on how to start this and after checked other people’s code I was even more worried :smiley:

But in the end it was not that bad, it was just overwhelming at first.

Feedbacks are welcome!

Happy coding peeps

Thank you so much :slight_smile: It took some time to complete.
Yeah I have to make some final additions to it but I want to finish the PERN project on the course first

Hello all!

I finally feel I am at the point where this project can be considered completed, although there is a lot more I would like to integrate in the future. I also need to work on the tests some more. Let me know any thoughts and if you find any issues!

Mini Reddit

Hello everyone,
I finally completed my version of the reddit project:

Live site:
Reddit minimal

Source code:
https://github.com/mirja-t/Reddit-Client

There are still some issues though:
While the site is running fine as far as I could see on my devices and the speed seems to be ok, the lighthouse check gives me a horrible feedback on the performance.
The main complaint is approximately 400kb of unused JS code. I’m pretty sure that this is not caused by the code I’ve written as I haven’t coded THAT much, so it must be some dependency code I unnecessarily compiled when building the app with Netlify. Since it’s all minified code is compiled in one file, I don’t have a clue where that comes from and google devtools isn’t much of a help.
So if anyone has a tip what I can do differently in the build process or where to look at, I’d be grateful for that.

This project was a booster to my understanding of React and Redux, but I still have some deficits in understanding some concepts that I would love to see additional material on Codecademy:

  • I tried Framer motion which is pretty well documented and for another project I tried react-spring which seems to be more sophisticated, but less well documented, so I’d love to see a course about animations in react using this library on Codecademy
  • While compiling with Netlify the report complained about missing dependencies. I thought I just need to add dependencies for the state changes I want to react to, maybe an extension for the hook lessons would be useful, too? Also including use cases for useCallback.
1 Like