• Breaking News

    Saturday, January 9, 2021

    Home Unlabelled I've build a Netflix clone with Reactjs, Firebase and Styled-Components. web developers

    I've build a Netflix clone with Reactjs, Firebase and Styled-Components. web developers

    January 09, 2021

    I've build a Netflix clone with Reactjs, Firebase and Styled-Components. web developers

    I've build a Netflix clone with Reactjs, Firebase and Styled-Components.

    Posted: 09 Jan 2021 10:28 AM PST

    I created a video series to teach the most common patterns and techniques to pass coding interviews

    Posted: 09 Jan 2021 12:03 AM PST

    Playlist: Coding Interview Patterns and Techniques - YouTube

    First Video: https://youtu.be/0l2nePjDFuA

    JavaScript solutions: GitHub Repo

    For anyone preparing for coding interviews, I started this series to breakdown the most common types of problems in coding interviews. In each video, I start by showing examples on a whiteboard to explain the algorithm, before moving on to the implementation.

    submitted by /u/cs-tutor
    [link] [comments]

    I made night.fm, a cyberpunk-themed online radio

    Posted: 09 Jan 2021 09:17 AM PST

    TabMerger v1.5.0 has a revamped User Interface & print friendly (to PDF) functionality. It is open source and supported by growing community. Check it out, leave a star/review, and share with others ��. See comments for relevant links.

    Posted: 09 Jan 2021 12:14 PM PST

    Archivy - Self-hosted knowledge repository that allows you to safely preserve useful content that contributes to your own personal extensible wiki.

    Posted: 09 Jan 2021 11:34 AM PST

    My first official website for the popular cocktail bar in town

    Posted: 09 Jan 2021 07:04 AM PST

    Hi everyone,

    4 months ago I got my bachelor degree in CS. I decided it's not worth wasting my time pursuing master degree and that I will do much better at home doing projects and teaching myself further more. While I'm currently searching for a job, I spend some of my free time sharpening my skills. I'm still learning intermediate vanilla JavaScript before I start anything with React.js which is my next framework I would like to learn. As you can see from the title, I made this website with HTML5, CSS3, Bootstrap and some basic JavaScript. Also, a QR code has been created which should be placed on table so when it's scanned, it takes the guest to the menu section, which excludes the use of traditional menus with which many guests interact, and thus leads to reducing the chances of coronavirus infection.

    I deployed it on netlify https://spina-bar.netlify.app/ and it's for the most popular cocktail bar in Makarska, Croatia, which during summer season is crowded. I worked there last year and I hope it helps me land a job sometime in future mainly because a lot of people visit that place, and someone might find my initials on the bottom of the page and contact me for some job (you never know :D) plus it's a bonus for my portfolio.

    Here is also github repo if anyone finds it interesting https://github.com/sosa96/Spina-Project.

    Anyway, I would like to see what you guys think about it, mainly typography, fonts, pictures etc. I spent a lot of time making it responsive on all devices, so please, share your toughts so I can improve it.

    Thanks a lot :)

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

    [Showoff Saturday] Did you know that you can use emojis as favicons? I made a tiny tool to help stub out the HTML!

    Posted: 09 Jan 2021 05:02 AM PST

    First attempt at React app

    Posted: 09 Jan 2021 04:06 PM PST

    Hi all,

    I am a developer with some frontend experience that is trying to get into using React. I have recently finished my first React-based project: a simple live chat application called Talkbubble.

    Link to the site is here.

    Link to the Github repo is here.

    I'm interested in any feedback about optimization or React best practices, or really anything about the site at all. If anyone else here is new to the framework I would be happy to answer any questions about my experience in creating this project. Thanks!

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

    Couple more particle experiments with vanilla JavaScript + source code

    Posted: 09 Jan 2021 05:31 AM PST

    COVID-19 tracker for blind or visually impaired and sighted users

    Posted: 09 Jan 2021 02:11 PM PST

    The existing trackers present a lot of information. On contrary to that, virusquery.com displays significantly less data making its consumption easier and lets the user control how much data they wish to see.

    Functionality

    The default settings limit the timeframe of a data query to the last few days and restrict the query scope to the single country which is detected automatically from the request IP address.

    As a result, the user only needs to activate the Run Query button in order to get data. If the country was detected incorrectly or the user prefers to select different country/countries, then the selection will be saved so this will need to be done once.

    The query data is presented in a tabular form, users can focus on the number increments or decrements (to see whether the overall situation is heading towards more lockdowns or back to normalcy) with minimum distraction caused by other data.

    Accessibility

    The tracker leaves font size selection and zooming to the browsers driven by user choices. It tries to render sensibly under zooming and provides accessibility instructions for screen readers. The instructions come as ARIA roles and aria-xxx properties. Around ~150 such instructions have been added to the code to improve accessibility.

    There are also additional screen reader instructions provided by library components. The total number of instructions can be checked for any webpage by using Chrome DevTools and executing the script at the Console prompt:

    let count=0; document.querySelectorAll('*').forEach(el => { Array.from(el.attributes).forEach(a => { if (a.name.startsWith('aria-') || (a.name==='role' && a.value !== 'row' && a.value !== 'cell')) ++count; }) }); count;

    Note the script excludes the row and cell roles to ensure a page doesn't come up as having more instructions only because it has a bigger data table.

    For the data query page with Advanced Options enabled, the script yields ~1000 instructions.

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

    Junior web dev, wrote my first cover letter and looking for feedback

    Posted: 09 Jan 2021 11:06 AM PST

    Hey, so here is the cover letter:

    Dear Hiring Manager,

    I'd love to be considered for your Frontend Developer position at { company }. I've been self teaching myself web development for 6+ months and have gotten to a level where I feel ready for a job. I don't have a degree, but I believe that's not something that will be holding me back as a dedicated developer who always enjoys learning new technologies.

    Your job description asks for experience in React.js, JavaScript, HTML and CSS which are technologies that I've used a lot in my projects as can be seen in my portfolio(link here). I believe I'm a good fit for your position.

    Thank you for your time and consideration, I hope to speak soon.Sincerely,{ my name }

    I'm pretty bad at writing this type of stuff and it feels weird to me, at least it addresses some points I think that needs addressing (like no degree), but it also feels like I said a lot while not saying much if you know what I mean? I'd love to hear your opinions on this.

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

    I made a Next.js webapp that uses a couple Python scripts to keep track of all the slams and blasts in the headlines in the news. Would love feedback.

    Posted: 09 Jan 2021 07:24 AM PST

    Deployed My First Website.

    Posted: 09 Jan 2021 08:47 AM PST

    This app looks pretty simple but for someone who's never actually deployed a site before it had me pulling out my hair hahaha.

    It's a simple card grid using; MERN, CSS-grid, Material-UI and I made a RESTful API to fetch form data and images from a file system created using multer middleware and postman. Deployed server on Heroku and client on netlify. https://restful-wikibkb.netlify.app Heres the app, I'd appreciate feedback about whether this would look good on a portfolio or not. Ill add the github repo too later. Thanks!:)

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

    A good and old chat app with React, TailwindCSS, Node, and Socket.io!

    Posted: 09 Jan 2021 12:22 AM PST

    COVID-19 Vaccination Status App

    Posted: 09 Jan 2021 10:54 AM PST

    I created a simple app to help visualize the progress of the COVID-19 vaccination. It was mostly to play with Vue JS. Feedback welcome!

    https://covid19vaccination.app

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

    I created a lockdown drinking game!

    Posted: 09 Jan 2021 11:17 AM PST

    Hi guys,

    I created a lockdown drinking game you can play on multiple devices. You select a mode then send a link, or add local players. Please let me know if you have any suggestions for improvement.

    https://chunda.app

    submitted by /u/1infiteloop
    [link] [comments]

    How to build something like this?

    Posted: 09 Jan 2021 02:58 PM PST

    I have been playing around with this site: http://moralmachine.net/ and was curious how to build something similar to this, where users can go through different pictorial scenarios and receive an evaluation at the end.

    My best guess is a Django based quiz like app with a database for images and scenarios. How would you go about building something like this?

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

    Anyone have experience building instagram bots?

    Posted: 09 Jan 2021 02:52 PM PST

    It looks like they've disabled their API from being allowed to do any like, follow, unfollow ect. I was thinking about building a web scraper and putting it on a different machine with a VPN to scrape any relevant data. I can then use another bot on a different machine to login and carry out the liking, following, unfollowing ect.

    Has anyone done something like this before?

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

    Software Developer Bootcamp Prerequisites: what exactly entails “basic” knowledge, specifically for databases?

    Posted: 09 Jan 2021 10:54 AM PST

    If element exceeds max height go to the next line while staying intact?

    Posted: 09 Jan 2021 08:24 AM PST

    Currently working on a project where I need to have a container with a max height. If a element inside the container exceeds the max height I want it to move over to the next line completely without breaking the element itself at all.

    I have recreated a working example of the layout on codepen. You can see that the content of the first column is simply cut of but I would like to move the entire box that gets cut off as well as all of the boxes that come after to the next row. I would also like all of the columns to wrap. It's fine that the content overflows to the side and is not a problem for this project.

    Have tried using flex-wrap and trying different display properties on the column and box but nothing works. This layout does not have to use flexbox at all open to anything that would solve it. In the real project the boxes may be different sizes.

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

    Unsure of what to learn next

    Posted: 09 Jan 2021 10:28 AM PST

    Hey everyone, so in the last 6 months I've been learning and practicing HTML, CSS, and JS, I wasn't completely new to them but I'd really not touched HTML since about 2002 at the very least and I have a lot of C++ and C# skills from a games and software dev degree, that turned out to be great for learning JS at least.

    I did set up a website and that I aim to be a side business making Static sites for smaller businesses near me (in the UK) with mainly HTML and CSS (with some light JS for certain things like a contact button and the nav bar) and this has been going well so far, not had any sales (I mean its only been a week and I'm really doing it more for practice, I value real-world experience higher than just learning) but the learning of the whole set up has been invaluable and I love learning it all, I think I've found my CS passion.

    On to my question, where to next?

    I see that node.js may be a good step up alongside some backend learning (I eventually want to do Full Stack dev) but is it worth learning node.js over just going to react at this point?

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

    Confused regarding simple frameworks and static sites

    Posted: 09 Jan 2021 10:28 AM PST

    Every now and then I make a static website for a friend of a friends new business. Used to use Wordpress, but nowadays it seems to need a lot updating and keeping track of plugins and their vulnerabilities.

    I am now looking for something simpler and leaner. I did build one site recently with just HTML and CSS Grid and that site really was fast, but granted the site was very simple.

    One evening in Youtube I stumbled upon Gatsby. How is this (or is it) leaner and quicker solution compared to maybe just using bootstrap? There must be something I have misunderstood.

    What solutions do you use for simplish static sites?

    Thanks

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

    Crypto prices overview from Binance exchange to track multiple currency's at once. Cards change colors depending on their current price change. (JS & Java)

    Posted: 09 Jan 2021 01:49 PM PST

    Error when trying to push react app to github

    Posted: 09 Jan 2021 09:39 AM PST
    Read more
    at

    No comments:

    Post a Comment