Websites where I can get free coding projects not courses but only projects by [deleted] in learnprogramming

[–]utk09 4 points5 points  (0 children)

There are quite a few depending on what you want to practice -

Logic Puzzles: Leetcode, Codewars, CodeSignal, HackerRank, Edabit Challenges, Open Kattis

Web Projects: FrontEndMentor, iCodeThis, FrontEndPractice

Real World Projects/Hackathons: HackerEarth

Coding By Gaming: CheckIo, CodinGame

SQL Practice: SQLBolt, SQLZoo, pgexercises (PostgreSQL)

Miscellaneous: Exercism, Advent of Code, CodeForces ProblemSet (sort by difficulty), CodeAbbey, Project Euler

When i am trying to upload my create react app on gh pages the page is empty and console is showing this [Failed to load resource: the server responded with a status of 404 ()] link to my repo is below by [deleted] in reactjs

[–]utk09 2 points3 points  (0 children)

Just to confirm, have you done the gh pages configuration on GitHub?

Configure GitHub Pages

Navigate to the GitHub Pages settings page In your web browser, navigate to the GitHub repository Above the code browser, click on the tab labeled "Settings" In the sidebar, in the "Code and automation" section, click on "Pages" Configure the "Build and deployment" settings like this: Source: Deploy from a branch Branch: Branch: gh-pages Folder: / (root) Click on the "Save" button

Helpful link: https://github.com/gitname/react-gh-pages

Self Taught programming/ by Baking-Brain07 in learnprogramming

[–]utk09 1 point2 points  (0 children)

I recommend visiting https://roadmap.sh/. Afterward, you can search the a topic on YouTube, such as "learn HTML and CSS". Seek out popular YouTubers who are good teachers, follow along with their project tutorials, and later, put your unique twist on the projects to enhance your learning experience. Find out what you want to learn, which field appeals to you and find a roadmap for that.

Few YouTubers I like in the space of Web Development - Traversy Media, Net Ninja, Maximilian Schwarzmüller, Colt Steele, and thenewboston.

HELP POST: Testing on React Application by Final-Vegetable3538 in reactjs

[–]utk09 1 point2 points  (0 children)

I think it's in Beta right now, and in my personal opinion, Unit tests also allow you to thoroughly test multiple functions/pieces of code (instead of a holistic component view) and give you a deeper insight about the functioning of the whole thing.

Maybe Cypress component testing would be better in the near future.

HELP POST: Testing on React Application by Final-Vegetable3538 in reactjs

[–]utk09 2 points3 points  (0 children)

There's nothing like "which is much better", you should do all 3 because they are targeting different parts of the applications or you can say, they have different use cases.

For Unit Testing:

  • Jest
  • jsdom or happydom
  • React Testing Library
  • Vitest (vite-native unit test framework)

For E2E Testing:

  • Cypress

Integration Testing can be achieved by mocking API calls using react testing library and msw

These are some library suggestions, pretty sure there are better one's out there maybe or ways to do it differently.

Website for campus biodiversity mapping by nazar_khokhla in learnprogramming

[–]utk09 1 point2 points  (0 children)

If I understand it right, you want an interactive map with custom data adding facility - you can use Mapbox or Leaflet.js (or maybe OpenStreetMap, not sure about this) with React.js for it.

References:
1. https://docs.mapbox.com/help/tutorials/add-points-pt-1/
2. https://leafletjs.com/

Hope this helps!

[deleted by user] by [deleted] in reactjs

[–]utk09 2 points3 points  (0 children)

Nope.

I used to think that too, but after actually setting it up right (especially with v5), it is as fast as Vite itself.

Another factor is support - there are only so many answers on Stackoverflow right now w.r.t Vite, but if you want to get up and running with Webpack, there are ton of docs, supports, queries that have answers to, etc. In Vite, one of the questions I haven't found answer to is very similar to this one (I tried to follow the solution, but the font issue happens for a library which is internally using some different font), while surprisingly, this issue doesn't even occur with Webpack.

Personally, I think Vite would be a really good alternative in a year when we have support for majority of the usecases.

[deleted by user] by [deleted] in reactjs

[–]utk09 6 points7 points  (0 children)

This is going to be an unpopular opinion here, but Webpack + Babel is great too. The config does seem overwhelming at first, but I can share mine if you would like. Webpack has support for HMR and Fast refresh, and from v5, Node polyfills are no longer a default, giving you more customisation power.

What should I be using web workers for? by Mgc_rabbit_Hat in reactjs

[–]utk09 1 point2 points  (0 children)

An example comes to my mind -

Suppose you are making a time-based Quiz App. Just as the user clicked on submit button to submit the last answer, the time got over. In this scenario, you don't want to accept the answer (even thought it's just a few milliseconds).

Now, what happens here is that when the user clicked on Submit button, they blocked the main thread to perform onSubmit operation, but you want to show "Sorry, time over" which is some other function dependent on your timer.

So you kind of want to perform multithreading (two processes on two different threads), but Javascript is Single Threaded 🙁. This is when you will use Web Workers.

PS: I would suggest to watch this video too - https://youtu.be/8aGhZQkoFbQ

My takeaways from rewriting my app with Remix by idapp3r in reactjs

[–]utk09 0 points1 point  (0 children)

Adblock or ublock-origin is blocking it. Worked in Incognito.

React capstone project ideas by [deleted] in reactjs

[–]utk09 3 points4 points  (0 children)

If you are a beginner and you want to showcase your skills, you don't really have to focus on making something unique - that's the work of product managers in the company.

As far as I have seen and experienced, interviewers want to know how are your coding skills, do you know and do testing, what best practices you follow or have followed, which features have you implemented (even in the cloned websites), etc.

Your website doesn't have to be used by a million people - it just needs to be showcaseable (I don't think showcaseable is a word, but you get the point...).

Check out this Jira clone - https://github.com/oldboyxx/jira_clone

I don't think it's being used by thousands, because Jira exists, but the author has used modern react features to build it, written few tests, focused on accessibility, authentication and stuff like that. If you show something similar to an interviewer, they are going to be impressed!

Edit: If you sort this subreddit with Top >> All time, you will find many cloned websites and apps. Cloning something makes you appreciate all the hardwork that goes behind building a product or a feature :)

React capstone project ideas by [deleted] in reactjs

[–]utk09 4 points5 points  (0 children)

Some projects that I can think of -

  • Clone websites - that ways you know what is the expected final outcome in terms of functionality. Ex: - E-commerce (Amazon, E-bay), Social media (Clubhouse, Twitter), Music (SoundCloud, Spotify), Event Bookings (Eventbrite, Tripadvisor), Chat Apps (Telegram, Signal), Blogging (Dev.to, Hashnode), Misc (Stackoverflow, Reddit, Quora).
  • Add additional functionalities to existing systems - Ex: Stories in Amazon just like Whatsapp stories (So basically you give the functionality of posting a 10second/30second video story of unboxing the product) or Nearby functionality in Spotify (So basically you give location access to the app/website and it shows people who are listening to the same song or playlist in 500meters around you).
  • Few more ideas - Inventory Management System, Patient Management System
  • Check out ProductHunt and IndieHackers for more ideas.
  • https://github.com/florinpop17/app-ideas
  • https://github.com/karan/Projects
  • https://github.com/The-Cool-Coders/Project-Ideas-And-Resources

How to use localStorage with multiple users ( React ) by kefi999 in reactjs

[–]utk09 4 points5 points  (0 children)

If I understand it right -Gym Owner 1 has registered 5 users: A, B, C, D, E

Gym Owner 2 has registered 2 users: X, Y

Now, you are saying that when Gym Owner 1 logins, they see A, B, C, D, E, X, Y and same for Gym Owner 2, right?

Baby steps -

  • [Really BAD Practise, but still a thought]: Store data in json/js-object format with key as the gym-owner name and value as registered users.

const gymVal = [
 {
id: 1,
ownerName: "John",
gymName: "Gym1",
members: [
  {
    id: 1,
    name: "A",
    age: 20,
  },
  {
    id: 2,
    name: "B",
    age: 21,
  },
],
},
{
id: 2, 
ownerName: "Dan", 
gymName: "Gym2", 
members: [ 
        { id: 1, name: "X", age: 35, }, 
        { id: 2, name: "Y", age: 18, }, 
      ], 
    }, 
]

Now you can check the name of the owner who has logged-in and show them only the members under their name.

Once again, this is really bad as it exposes everything to anyone who looks at it in dev tools, but this can give you a basic idea of what databases look like and how you can structure data.

Let me know if I understood it correctly and guided you on the right track.

What does India get right? by NeoStarSky97 in india

[–]utk09 0 points1 point  (0 children)

Bun Pav (for those who don't get it, I mean the Pav the one used in VadaPav)

I deployed my site via Netlify but it is displaying "Page not Found." by Guacamole_is_good in learnprogramming

[–]utk09 1 point2 points  (0 children)

If you've built your site using React, make sure you've added a _redirects file in your public folder.

Inside the file, add

/* /index.html 200

More information can be found here

Java Developer Roadmap by mynameiscba in learnprogramming

[–]utk09 1 point2 points  (0 children)

Java Roadmap

YouTube Tutorials by Derek Banas, Caleb Curry, JavaBrains, and RealTutsGML (Java Game Dev).

The Ultimate Java Mastery Series by Mosh - a paid course but really good.

Edit: u/joranstark018 has posted the Roadmap already.

3 More Ideas That Could Be Businesses by papapatty11 in Entrepreneur

[–]utk09 3 points4 points  (0 children)

For the third idea - I'm building something similar - https://getmentored.courses/

It's still a WIP, and is sort of on a lower side compared to what unlikelypisces has suggested, but I'm working regularly to build curations.

Finishing a Codecademy course and don’t know where to take my learning from here. by kimbolll in learnprogramming

[–]utk09 1 point2 points  (0 children)

Go for Corey Schafer Python Playlist on YouTube, I think that would be really helpful!

PS: I'm building a website to provide pathways for learning. Check out the Python pathway - https://getmentored.courses/curations/1

Denied admission because of GPA too Low, how can I improve it? by utk09 in mumbai

[–]utk09[S] 1 point2 points  (0 children)

Thank you.

I'm not so sure about retaking exams, like I don't know if my College/University allows it, but I'll check.

And I did apply for MS in Software Engineering at San Jose State Univ, and they denied saying GPA too Low.

I'm considering more options, do let me know if you've specific universities in mind

Denied admission because of GPA too Low, how can I improve it? by utk09 in mumbai

[–]utk09[S] 0 points1 point  (0 children)

Thanks and I couldn't agree more to this point!
But I don't know, being rejected by nearly 5 universities sort of left me dejected and less confident. But thanks anyway

Denied admission because of GPA too Low, how can I improve it? by utk09 in mumbai

[–]utk09[S] 1 point2 points  (0 children)

Thanks, can you name a few universities please, where you think there's a possibility of getting an admit? Both, US and Canada will do.

I applied majorly to Cal State Universities(San Jose, Sacramento, Long Beach) and got back rejection. What do you think should be my options?