• Breaking News

    Saturday, January 23, 2021

    Home Unlabelled I made Tinder for Restaurants | My Pandemic Project, Munchr web developers

    I made Tinder for Restaurants | My Pandemic Project, Munchr web developers

    January 23, 2021

    I made Tinder for Restaurants | My Pandemic Project, Munchr web developers

    I made Tinder for Restaurants | My Pandemic Project, Munchr

    Posted: 23 Jan 2021 10:59 AM PST

    I saw this meme in the beginning of 2020 and decided to make it my pandemic project. I've learned a lot along the way, and it's very much still a work in progress.

    I'm looking for any and all critiques to help make it better/more useful to everyone!

    Try it out here and let me know what you think: munchr.app

    Edit: This works better/generally looks better on mobile devices -- you can't 'swipe' on desktop but you can on mobile. I'm getting feedback that the app may be hit or miss outside of the US so I will be working on that.

    submitted by /u/Snokown
    [link] [comments]

    Finally understand testing and fully tested my React based cross browser extension with Jest!!! No better feeling then 100% code coverage.

    Posted: 22 Jan 2021 10:28 PM PST

    After about a year of teaching myself how to code, I feel like I'm ready to start applying. Any feedback on my resume and cover letter would be much appreciated, thank you!

    Posted: 23 Jan 2021 02:15 PM PST

    Noise Reduction using WebAssembly!

    Posted: 23 Jan 2021 09:32 AM PST

    Sure I could use the standard mobile Reddit client but instead I spent 10+ months of my life to learn vanilla JavaScript and built this minimalistic Reddit viewer.

    Posted: 23 Jan 2021 07:56 AM PST

    Hi Everyone! I stopped working in order to dedicate myself to learning to code full-time, 10 hours a day, 6 days a week in order to change careers. Just sharing my story and method through my personal site if anyone's interested!

    Posted: 23 Jan 2021 10:39 AM PST

    I made an open source browser-based video editor

    Posted: 23 Jan 2021 04:52 PM PST

    My portfolio built with the odinproject resources. Open to criticism and pats on the shoulder☺️.

    Posted: 23 Jan 2021 01:00 PM PST

    Hello devs! Our small team is remaking Twitter with features tailored for coders! It's currently in alalpha but we got bios, avatars, likes, retweets and comments working. We only have 1.1K users so far. (It was made in Node, Mongo and vanilla front-end.)

    Posted: 23 Jan 2021 11:26 AM PST

    Tech TV

    Posted: 23 Jan 2021 12:59 PM PST

    Help making a grid where the cells don't move when I resize the window

    Posted: 23 Jan 2021 03:57 PM PST

    I'm a total beginner at HTML. I'm using JustPy and python to make a web tool that should feature a grid if divs with some content. JustPy supports Tailwind CSS, so I'm using that. I want the grid cells to be of fixed size and their positions to be fixed in relation to each other, and not move as I resize the browser window or the containing div. Just as any excel table. If the cells can't fit in the containing div, I want them to be clipped in the right side, and a scroll bar to appear.

    Below is a mockup I've made trying to figure this out, but no matter what settings I try, the cells' positions "strech" and overlap with the containing div. Is this possible in HTML?

    (I know JustPy supports Ag-Grid, but it flashes in a buggy way when cells' content is changed, so I thought I might try to make a grid in HTML instead.)

    <div class="min-h-screen bg-gray-100 py-6"> <div class="m-2 border-4 border-green-500 w-4/5 h-full grid grid-cols-8"> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> <div class="m-2 w-12 h-24 border-2 border-red-400">2</div> </div> </div>
    submitted by /u/scarynut
    [link] [comments]

    How do i know when to start learning the next programming language and not focusing on mastering the one that i learn now?

    Posted: 23 Jan 2021 01:42 PM PST

    I learned html and css in the last week, i still have somethings to learn in css and i want to build more websites with html and css from scratch on my own. When should i start learning javascript? And after i get comfortable with javascript when should i start to learn the next programming language, like php or js frameworks?

    submitted by /u/Kibu98
    [link] [comments]

    CSS Grid for 3 different kinds of aspect ratios

    Posted: 23 Jan 2021 03:03 PM PST

    CSS Grid for 3 different kinds of aspect ratios

    Hey Professionals!

    I want to create a masonry grid layout like in the scheme attached below. I have tried possibly every css-grid option I could find, from calculated row and column heights to fixed aspect ratio cards (with a pseudo element and padding-bottom). I get to align everything with two card sizes, but not with the 3.

    Either one of the 3 gets a weird aspect ratio, or there are white left-out spaces in the grid which does not look nice.

    The basic proportion of the "main" card should be: 4:5
    The small one: 4:(2,5-half the gap)
    The big one: 8+gap:5

    I am working with react, and first thought about using components like the react virtualized masonry component, but I could not find an option with layouts where cards span columns.

    I am beyond thankful for any suggestion how to make this work. Thanks!!

    3 different card sizes.

    submitted by /u/Lolukok
    [link] [comments]

    Embedding Chromium in c++

    Posted: 23 Jan 2021 01:58 PM PST

    I found the CEF framework, and seems quite interesting. But I wanted to see if it's worth to invest my time in it or there exist other solutions (Maybe directly use Blink and V8API ?).
    Do you know How SpaceX did it in their Crew Dragon Capsule ?

    submitted by /u/killmonger-7
    [link] [comments]

    WineOh - My first project

    Posted: 23 Jan 2021 11:05 AM PST

    https://wineohapp.com/

    I would love some feedback if you have a minute or two!

    WineOh is a way to keep track of your wine collection. If you don't want to create an account but want to provide feedback you can use these credentials - Email: [test@email.com](mailto:test@email.com) Password: wine123

    ​

    Please let me know what you think!

    submitted by /u/jscott701
    [link] [comments]

    I made an online multiplayer drawing game called "Accurate or Nah"

    Posted: 23 Jan 2021 03:45 PM PST

    The game plays out as such:-The user creates a room, or joins an existing one.-Players in the room then are instructed to type as many nouns, verbs, and adjectives respectively, which are submitted into one big word bank.-The words are then randomly distributed back to the players, which they must arrange to create a prompt.-Players must draw their prompt as accurately as possible at the same time.-As each drawing is being presented, players must guess the prompt that the drawing was based off of, and will be rewarded points with each word that they matched.

    Keep in note, the game is to be played on a desktop/laptop. I didn't want to adjust the game for mobile screens, because I believe drawing becomes tedious/difficult on such a small surface, and will consequently lower the quality of the game.

    Some features I would like to add/improve on:
    -The fill/bucket tool
    -Profile page for registered users only (save past drawings, display account stats)
    -Better point system
    -Redo button
    -Overall better styling

    There are still so many features I want to add/improve, so any feedback is greatly appreciated.

    Link to my game: https://capstone-ab1a2.firebaseapp.com/lobby

    Sample game, with cuts in between

    submitted by /u/stephon24
    [link] [comments]

    Is it a common pattern to request form options (e.g., the items that might comprise a select dropdown) from the backend?

    Posted: 23 Jan 2021 03:08 PM PST

    I'm working on a full stack application and it's starting to feel pretty redundant to code on the frontend that, for example, a select/dropdown will have the options "A", "B', and "C" and then on the backend also listing "A", "B", and "C". Is it common to have a frontend request all the options for a form from the backend?

    Obviously, you'd still have to validate everything on the backend since you can never really trust the frontend, but this seems like it'd minimize the chance of a disconnect between the server and client options. Of course the downside is having to perform a network request when loading the form.

    tl;dr: is it common to request a form's enumerated options for various fields from the backend, or do folks generally just repeat this info?

    submitted by /u/edgar-reed
    [link] [comments]

    I built my first portfolio and I would love to hear your thoughts on it

    Posted: 23 Jan 2021 03:02 AM PST

    Side project I built using Django (a Tinder for baby names), and what I learned along the way

    Posted: 23 Jan 2021 06:59 AM PST

    Side project I built using Django (a Tinder for baby names), and what I learned along the way

    Hey everyone!

    I wanted to share a side project I worked on last year and some of what I learned while building it.

    The site itself is called "My Name Fairy" https://www.mynamefairy.com/. It's a Tinder for baby names.

    https://preview.redd.it/q68e0b4xi4d61.png?width=1999&format=png&auto=webp&s=aab7c7250258eef349bdbae8a5e5898d2ba4dff9

    Here's a summary of the tech I used to build it:

    • Django for BE
    • Nginx for the webserver and serving static assets
    • Postgres for the DB
    • Vue.js in some places (The card swiping page and account page)
    • Plain js in other places
    • Sass for the styles
    • Webpack to build the FE
    • Docker/docker-compose for deployment
    • Deployed on a digital ocean droplet. The Postgres DB is also a managed DB from DO.
    • Amazon CloudFront for a CDN

    I mostly started it as a way to learn some new tech (specifically Postgres, Vue, Sass, Webpack, Docker, Nginx and deploying) and it's been great for that. It's also been fun to build something from the ground up. I've always come into a project that's already established. Having to make everyone decision from the beginning was empowering and let me play with tech I wouldn't get to otherwise.

    Here are some classes I took:

    • Advanced CSS and Sass by Jonas Schmedtmann. This class is awesome. Seriously, I can't recommend it enough. It's super thorough, uses great examples, and Jonas is a really talented teacher. If you want to brush up on CSS and Sass, this is a great way to go.
    • Vue The Complete Guide by Maximilian Schwarzmüller. This class is also really good. It's not quite as exhaustive as the Advance CSS one above, but it was really helpful in giving me a crash course in Vue for this project.
    • Docker and Kubernetes by Stephen Grider. Similar to the Advanced CSS course, this one is great. It's super in-depth and Stephen is a really good teacher. I'd used Docker and Kubernetes a bit at work, but this class helped me get a much better handle on it. Related - How Containers Work by Julia Evans also helped me understand what's going on under the hood when we containerize an application.

    And some lessons I learned along the way:

    • Writing all the markup and styles is a great way to practice and to have the most flexibility, but it's also time consuming. For my next project I'd like to use more templates or FE frameworks to reduce the time I spend on that.
    • Having someone else to work on the project helps a lot. My gf worked on this with me doing the design and all product related decisions which was a huge help. It was also nice in that we could parallelize the work. She could prioritize which feature we'd work on next and create the designs/figure out the user flows, and I could focus on just building the site.
    • Postgres is a cool DB. I'd only used MySQL before, but I really like the data types that Postgres offers. Eg, I use the uuid datatype in a few places. I do find the EXPLAIN to be pretty intense and intimidating, but it also seems more powerful once you understand it.
    • Vue is great. I used React/Redux at a previous company, but like how Vue's approach to using templates instead of JSX. It feels more light-weight than React and less of a jump from the traditional HTML/CSS/JS approach. I also like that it has a centralized store built in (Vuex), even though I didn't need that for the project.
    • Setup Django to print your SQL queries! Seriously, this took me way too long to figure out. Yes, you can use Django Debug Toolbar, but that really only works if you're loading a page in the browser. If you're just hitting an API with Django Rest Framework or using a script, you won't see those queries. See here for how to do it.
    • Setting up Webpack is a pain. I probably spent 8 hours on getting it working for both my dev environment and production builds. I used Django Webpack Loader and found this stackoverflow helpful for getting the dev server working. It is powerful, but it's finicky. Maybe you'll have more luck than me, but I found using Webpack really frustrating.
    • Heroku is great for getting your project off the ground. Especially early in the project I was learning a ton of new stuff and was grateful I could let heroku just handle the deployments. Eventually I learned how to deploy my project on a digital ocean droplet (which was also a good learning experience), but in the beginning I'd definitely recommend just using Heroku so you can focus on the rest of the project.
    • Using a CDN (like Amazon Cloudfront) is a great way to speed up your site's response times, especially if you're running it from a single server. If you're going this route, also make sure to set-up your FE asset builds so the files have a unique hash in their name so that whenever you make a change you don't have to worry about purging old files after a deployment.

    And here's few other tools I used:

    • Hotjar for seeing how people were using the site. This tool has been indispensable. We're just using the free version, but even with the limited recordings we learned so much about how to improve our user flows (and caught a few bugs) just by watching people use the site.
    • dbdiagram.io was great for figuring out the schema for the project.
    • TablePlus for working with the DB. In the past I've just used the command line, but having a GUI for looking at/interacting with the DB is really nice. It also helped me coming from MySQL since I was still learning the Postgres syntax and Tableplus helped abstract away those syntax concerns (kind of like Django's ORM does). It's a really nice tool.
    • PyCharm as an IDE. I use the JetBrains IDEs at work (mostly using PHPStorm) and I really like them. Maybe it's just that I know them (which always helps). I know VSCode is free or there's tricked out vim set-ups you can use, but I'm happy to pay the money for PyCharm. It integrates well with Django and Vue and works well for me.

    If you've never worked on a side project before (I hadn't), I'd say definitely do it! It's rewarding and you learn a lot. If anyone has any questions, happy to provide the answers I can. But seriously, go forth and build!

    TLDR; Built a project using Django. Learned a ton. You should do the same! :)

    submitted by /u/jrsutterfield
    [link] [comments]

    Multi Stock Scraping Web App

    Posted: 23 Jan 2021 02:23 PM PST

    Essentially, if you need a bunch of stock data but don't want to download the csv files manually off of Yahoo Finance, then you can just type in your tickers into this application and it will return a zipped folder of your chosen stocks.

    https://stock-scraper-multi.herokuapp.com/

    I'm quite new to web dev, so any comments/suggestions would be great!

    submitted by /u/clcironic
    [link] [comments]

    Frontend Mentor challenge

    Posted: 23 Jan 2021 02:03 PM PST

    Hey!

    My friend and I are both professional devs and made one of the Frontend Mentor challenges today.

    We thought that perhaps it could be helpful to some new programmers to see a completed project.

    My version

    Live: https://room-homepage.invacto.com/
    Git: https://github.com/ianjaku/frontendmentor-room-homepage

    My friends version

    Live: https://room-homepage.donnyroufs.com/
    Git: https://github.com/donnyroufs/frontend-mentor---room-homepage

    PS: Feel free to criticize our code, would love to know where we could improve ourselves :)

    submitted by /u/ItsaMeLazydps
    [link] [comments]

    My first properly planned project as a beginner. A Covid19 tracker. (Vue and Vuex)

    Posted: 23 Jan 2021 05:03 AM PST

    Please critique my web developer portfolio. ✨

    Posted: 23 Jan 2021 12:57 PM PST

    Please critique my web developer portfolio. ✨

    I am going to start applying for jobs in a few weeks, and would love some feedback on my portfolio, which I made with WordPress. It's okay to hurt my feelings. Thanks for your input! //Omar

    https://omarshishani.com/

    ​

    https://preview.redd.it/23jyt96ab5d61.png?width=1347&format=png&auto=webp&s=78722da2da9534ec227a58af9656b46b45274c7f

    submitted by /u/i_love_crazy_hobos
    [link] [comments]

    Amazon Order History App!

    Posted: 23 Jan 2021 04:30 PM PST

    amazonion

    Works only on desktop for now. You can visualize your spending habits on this app. I built it wanting it try out Next js. Please let me know your thoughts. Feedback and suggestions welcomed!

    submitted by /u/tofu118
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment