react emoji

Posts tagged with :react:

6ix4
@6ix43
github.com/6ix4/WhoAmI Vite React Project renders images into animations. Now I use the cache for next step rendering. I want to use the technician sprite animation to make a simple web game in the future. This project was inspired by hack club members. I made a new feuter and would like to update more.I hope you like this. Sorry if I share my work in the wrong channel, you can recommend me, I just have Github and other social media for not very long. nice to meet you all
https://scrapbook-into-the-redwoods.s3.amazonaws.com/10f93ac2-f446-400e-a20b-cc02582f3a99-img2.png
react emoji
github emoji
hackclub emoji
ZeroQL
@ZeroQL7+
#w-of-the-day day 220 today i learnt how to create my own react hooks, among other things in the react egghead course which is amazing
https://scrapbook-into-the-redwoods.s3.amazonaws.com/1c1ba786-fe43-49f2-ae31-471a80fa4ed6-image.png
react emoji
ZeroQL
@ZeroQL7+
#w-of-the-day day 212 Tinkered with mantine and its ui elements. Creating tables and image cards and such, i've got the hang of react now
https://scrapbook-into-the-redwoods.s3.amazonaws.com/67a48029-9afb-4c8b-b385-6f643dd65a88-image.png
summer-of-making emoji
react emoji
sheryl
@sheryl2
getting back into react+tailwind, and pics from summer so far!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/206fe56a-c69d-4256-8927-a1ae5efad25f-screen_shot_2023-08-05_at_12.56.53_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/a7036ff5-7627-4289-b095-bab6fb034fbd-screen_shot_2023-08-05_at_12.46.13_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/46cbfba9-8e5b-4a39-85b4-c51fd35215bc-screen_shot_2023-08-05_at_12.57.19_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/456f5e2c-483f-4a03-a509-b1b23637c303-screen_shot_2023-08-05_at_12.57.04_am.pnghttps://scrapbook-into-the-redwoods.s3.amazonaws.com/0031e036-93a5-4c5f-bcfe-d5d10807853f-screen_shot_2023-08-05_at_12.56.36_am.png
react emoji
tailwind emoji
ZaynB
@ZaynB4
After following the React tutorial on Tic-Tac-Toe, I decided to make my own Connect Four!
https://scrapbook-into-the-redwoods.s3.amazonaws.com/1e87c3a7-745e-400a-93e2-1f09c3b1d388-image.png
summer-of-making emoji
react emoji
ZeroQL
@ZeroQL7+
#w-of-the-day day 209 Still pushing through the react course, Learnt how to use fetch with useEffect and how css styling works in react
https://scrapbook-into-the-redwoods.s3.amazonaws.com/e9ca78f1-3318-4134-8549-7bcdc19170d0-image.png
react emoji
ZeroQL
@ZeroQL7+
#w-of-the-day day 208 Practiced more of react components and css by making a couple of mockups.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/53907156-a500-4fbd-9d9d-6ab053a0d0b9-image.png
summer-of-making emoji
react emoji
ZeroQL
@ZeroQL7+
#w-of-the-day day 200 learning react, there's a ton of cool libraries i wanna use that are not in svelte so i'm sticking with it.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/12319efe-1e47-4702-a07b-9e05c4505260-image.png
react emoji
Shreeya
@Shreeya0
Learning react
https://scrapbook-into-the-redwoods.s3.amazonaws.com/a813cf32-2136-4480-bf81-78bf1064c73c-img_20230610_152427.jpg
react emoji
jzaleta
@jzaleta2
I finally finished my confetti thing for #angelhacks-site! :angelhacks: github.com/hackclub/angelhacks3/pull/8 :pr: This is my first time working with Next.js :nextjs: and I wanted to see if I could code something with it without reading any docs! *How?* • Well, first I had an error, I couldn't start the dev environment! :pensive-wobble: To fix this I (somehow) installed next globally and that allowed my package.json :npm: to run next build • After that, I wrote the confetti code and implement it on a React :react: component but I also don't know any react so it didn't work :eggsdee: • So I added the confetti code into the already existing PhotoGallery component! :yay: Everything looked good, but then I got this error: ReferenceError: document is not defined :errors: • To fix that, I run my code client side after watching a small tutorial and it ended up like this:
import Masonry from 'react-masonry-css'
import styles from './PhotoGallery.module.scss'
import { Nunito } from 'next/font/google'
import { useEffect } from 'react'

const nunito = Nunito({
  weight: ['400', '800'],
  subsets: ['latin']
})

export function Button({ children, fontSize = '7rem', ...props }) {
  const handleClick = () => {
    import('js-confetti').then(({ default: Confetti }) => {
      const confetti = new Confetti()
      confetti.addConfetti({
        emojis: ['🎮', '👾', '🕹️', '💻', '📸', '🎧', '🎨', '🪽']
      })
    })
  }

  return (
    <button className={styles.button} onClick={handleClick} {...props}>
      <span className={styles.shadow} />
      <span className={styles.edge} />
      <span
        style={{ fontSize }}
        className={`${styles.front} ${nunito.className}`}>
        {children}
      </span>
    </button>
  )
}

function Image({ src, text }) {
  return (
    <div className={styles.photo}>
      <img src={src} width="auto" />
      <p>{text}</p>
    </div>
  )
}

export default function PhotoGallery() {
  useEffect(() => {}, [])
  return (
    <div className={styles.photoGallery}>
      <div className={styles.photos}>
This was very fun to work with, and definitely I need to properly learn Next.js on the future. :salute:
jzaleta
@jzaleta2
Yesterday I turned 19-years-old. 🍰 *And I decided to reboot my coding journey and start all over again with a better, more organized design, focused in building in public.* The plan is to become a full stack web developer so I'll start first with Next.js/React! :nextjs: :react:. Also I made another profile repo for my GitHub, changed my username and deployed it at a Jekyll website with Ruby! :ruby: :github: github.com/jzaleta/jzaleta jzaleta.github.io/jzaleta
https://scrapbook-into-the-redwoods.s3.amazonaws.com/d767b56e-ca19-420e-ad60-8ec1d555bf0e-captura_de_pantalla_2023-05-15_a_la_s__11.32.32.png
nextjs emoji
github emoji
react emoji
js emoji
spring-of-making emoji
Samarth_Verulkar
@Samarth_Verulkar0
Some React.js ....
https://scrapbook-into-the-redwoods.s3.amazonaws.com/9baac40b-e7f4-472e-baf8-9587b2721979-screenshot__326_.png
js emoji
spring-of-making emoji
react emoji
sporeball
@sporeball1
mentoring at Corpus Hacks today, using it as an opportunity to learn React and other such things
https://scrapbook-into-the-redwoods.s3.amazonaws.com/ecb49227-b4ee-48df-8750-076ed2ab2263-image.png
spring-of-making emoji
react emoji
Sarthak
@Sarthak0
Started building a project to assist people in research rabbit holes and keep track of the path they have taken across paper references! Made a proof of concept in MIT App Inventor earlier this year and am now transitioning to making a more complete project using React.js.
https://scrapbook-into-the-redwoods.s3.amazonaws.com/eabeb5db-1bd1-474c-933d-14bd5cb313c0-image.png
HenryBass-U02KEJ8T6D8
@HenryBass-U02KEJ8T6D80
Learned react js today, and used express + node + mongo db to make this site. You can submit posts, and read the latest posts. It's really simple, I just wanted a project to learn react with Also, Henrybook is a running joke since 3rd grade: Each time I've made some app that vaguely resembles a social media of some form, I've named it Henrybook
https://cloud-18vpsdtyu-hack-club-bot.vercel.app/0image.png
js emoji
react emoji
wom emoji
HenryBass-U02KEJ8T6D8
@HenryBass-U02KEJ8T6D80
Today I tried learning react js, because I'm tired of hearing people talking about JS frameworks and whatever while I have no clue what they're talking about Also, as a quick few hour project, learned GLSL for the purposes of making the absolutely atrocious shader depicted below I wasted about 50% of my time working on that by not being able to figure out that depth buffers aren't linear lmfao
https://cloud-6o6tljv48-hack-club-bot.vercel.app/0image.pnghttps://cloud-eqvkc8frk-hack-club-bot.vercel.app/0screenshot_from_2023-03-02_22-26-31.png
react emoji
wom emoji
js emoji
BenRosenfeld-U03TE042FQW
@BenRosenfeld-U03TE042FQW0
did some react coding today. Working on a big project
https://cloud-av00sgnaa-hack-club-bot.vercel.app/0screenshot_2023-01-04_at_9.55.18_pm.png
wom emoji
react emoji
ShubhamPatil
@ShubhamPatil1
back to working on my travel app. react native is still a pain in the butt for me :nooo:
https://cloud-rbcoevl80-hack-club-bot.vercel.app/0image.pnghttps://cloud-4jz1xj2h9-hack-club-bot.vercel.app/0image.png
wom emoji
react emoji
BibhavPaudel-U04ANSA6FGT
@BibhavPaudel-U04ANSA6FGT0
OHH! Missed it again .. Now Starting over with > Day 1 of #10-days-in-public! Worked on a Project Based on React.js , Coded some REST API scripts today.
https://cloud-c8dq5ccgn-hack-club-bot.vercel.app/0image.png
react emoji
js emoji
10daysinpublic emoji
cytronicoder
@cytronicoder1
🚀 Day 1/10: Shipped part 2 of my 4-part workshop on shipping your first React website (portfolio)! The next few updates will be about finishing this up and starting to plan for the data analysis workshop. #10-days-in-public
https://cloud-454pnvynk-hack-club-bot.vercel.app/0screenshot_2022-11-28_at_9.38.42_pm.pnghttps://cloud-he61qo5ju-hack-club-bot.vercel.app/0screenshot_2022-11-28_at_9.38.18_pm.png
react emoji
10daysinpublic emoji
DevIos
@DevIos0
Done with a login system in react integrated for #hkgi, will give it more polish and contiune on other task list :duck-dance:
https://cloud-ks9zsqw2n-hack-club-bot.vercel.app/0image-7.png
react emoji
adelly13
@adelly130
currently trying to learn react.js so that I can rebuild my personal website!
https://cloud-5v3u6nkcd-hack-club-bot.vercel.app/0image.png
react emoji
js emoji
aaryan
@aaryan1
OMG TIL that React StrictMode (which is enabled by default in create-react-app) renders components twice in order to detect any problems with your code and warn you about them. Even react docs mentions this! How I came across this: I added a Toast component in my useEffect, and it was showing up twice on every load. Which lead me to a LOT of reading and googling, and realizing I'm using useEffect wrong and React is trying to tell me that :) This was fun.
https://cloud-lm8hfp1ww-hack-club-bot.vercel.app/0image.pnghttps://cloud-50g1aibrg-hack-club-bot.vercel.app/0image.png
burnt-toast emoji
goose-honk-technologist emoji
react emoji
aaryan
@aaryan1
Making a full stack application and trying out FastApi :python: . It's a leads management system (CRM). Frontend in react and bulma, and backend in fastapi ✨
https://cloud-m3xybr6sz-hack-club-bot.vercel.app/0image.png
react emoji
python emoji
Jaden
@Jaden0
Day 6 of #10-days-in-public Today I spent more time working on a website with the OPEN SOURCE FRAMEWORK ASTRO. Turns out that you can include React components in Astro. I think I understand how it works now. Hopefully I can send this to the requester soon!
https://cloud-dxs3i4syg-hack-club-bot.vercel.app/0image.png
react emoji
astro emoji
tinu
@tinu0
day 3 of #10-days-in-public today I worked on the first iteration of theoretical grade editing and after fiddling around with react state for bit I got it working!!!
https://cloud-gz4aedd51-hack-club-bot.vercel.app/0image.png
linkai
@linkai0
#10-days-in-public day 2/10 today i kept working on the polistat website for my class (see my day 1 post for more info) — the website’s going to have state and candidate descriptions for each senate and governor race, and we got everyone in the class to write md files. i set up an mdx file system that pulls md files w/ react components and renders pages for them. i spent some time today parsing through the files and fixing formatting errors that the class made 😅 im expecting the website to go live this weekend 😁
https://cloud-8lbcwj3oj-hack-club-bot.vercel.app/0screen_shot_2022-10-06_at_11.02.39_pm_copy.pnghttps://cloud-g0ds47tht-hack-club-bot.vercel.app/0screen_shot_2022-10-06_at_10.59.36_pm_copy.png
aaryan
@aaryan1
Made a distance calculator, that shows the route and time to travel between two cities. Made using react, chakra UI, and react-google-maps/API that uses Google maps API V3. Deployed on: gmaps.aaryanporwal.com
https://cloud-eaztkvca7-hack-club-bot.vercel.app/0screenshot_20220930-155924.png
google emoji
react emoji
aaryan
@aaryan1
Built the 2048 game in react! Check it out at 2048.aaryanporwal.com Also have to add a score feature, will decide on the score logic later and have to add mobile phone support as well (currently using keyboard keydown events, will be fun to see what events trigger in phone on swipes 🧐 ) Excited to build this 🏗️
https://cloud-f0bsp7rn0-hack-club-bot.vercel.app/0screenshot_20220926-021042.png
aaryan
@aaryan1
Making 2048 game in react! It's complex and needed a lot of thinking. Also a lot of functions and hooks 😋
https://cloud-if0qz9srf-hack-club-bot.vercel.app/0image.png
aaryan
@aaryan1
TIL why we need to wrap multiple JSX tags in react.
https://cloud-hwaqjxvcm-hack-club-bot.vercel.app/0screenshot_2022-08-13-14-33-25-90_40deb401b9ffe8e1df2f1cc5ba480b12.jpg
summer-of-making emoji
react emoji
Aadit
@Aadit0
Ayy I got airtable setup with a next+react form!
https://cloud-ix97rhqob-hack-club-bot.vercel.app/0image.pnghttps://cloud-h871u3map-hack-club-bot.vercel.app/0image.png
react emoji
summer-of-making emoji
Aadit
@Aadit0
it took me 1.5 hours of debugging to get this... I hate react
https://cloud-6o238txsd-hack-club-bot.vercel.app/0image.png
react emoji
summer-of-making emoji
dino-debugging emoji
upvote emoji
Aryan_Garg
@Aryan_Garg0
Made The React Dashboard With Good UI.
https://cloud-gmupj84ae-hack-club-bot.vercel.app/0capture.png
summer-of-making emoji
react emoji
Aryan_Garg
@Aryan_Garg0
Coding The Application In React.js
https://cloud-nc33ljwrw-hack-club-bot.vercel.app/0capture.png
spring-of-making emoji
react emoji
js emoji
Aryan_Garg
@Aryan_Garg0
Learned About The React Components And Frameworks.
https://cloud-l2rsoa715-hack-club-bot.vercel.app/0capture.png
spring-of-making emoji
react emoji
Aryan_Garg
@Aryan_Garg0
Making the cool dashboard in React.js with use of Frameworks and libraries.
https://cloud-kamr09ckw-hack-club-bot.vercel.app/0capture.png
react emoji
js emoji
cooll-dino emoji
spring-of-making emoji
m04
@m044
Framer Motion and react-scrollama
spring-of-making emoji
react emoji
m04
@m044
Implementing scrolling stuff with react-scrollama and niue :niueparrot:
https://cloud-otkldajff-hack-club-bot.vercel.app/0image.png
react emoji
spring-of-making emoji
rithul
@rithul0
I would call this progress! I get a html value, Time to hook this up to a react app to get myself a parser running, Also I gotta do some codemirror stuff so its gonna take time!
https://cloud-ftpxkz8al-hack-club-bot.vercel.app/0cleanshot_2022-06-01_at_00.39.03_2x.png
react emoji
spring-of-making emoji
jzaleta
@jzaleta2
I’m going to be working on a Raycast :raycast: extension! This is going to be very useful to learn React :react: and TypeScript :typescript: ! Also here’s a cool :cooll-dino: landscape 🌆 picture of the day! 📸
https://cloud-ie4ej1qcc-hack-club-bot.vercel.app/0img_20220521_204224.jpghttps://cloud-51x8jf79e-hack-club-bot.vercel.app/0screenshot_20220521_201957.jpghttps://cloud-qrvs0ahe4-hack-club-bot.vercel.app/0header.png
m04
@m044
Working on a neat image carousel thing in React!
https://cloud-9nyw1veom-hack-club-bot.vercel.app/0image.pnghttps://cloud-f10alnukm-hack-club-bot.vercel.app/0image.png
react emoji
spring-of-making emoji
expanding_brain_4 emoji
KaraMassie
@KaraMassie0
Eeeiii! First #scrapbook post. With the help of the sweetest, smartest co-workers here at HQ, I’ve been building a Slack cat bot in js using Bolt. I started by roughing out a design that is vastly beyond my current abilities, and that is based on the ~worst~ funniest personality traits of my IRL cat. github.com/karamassie/madcatbot A Cat currently lives in #the-litter-box only. It’s very shy, for now. So far, I’ve learned how to: • set up a bot using Slack’s API • use Replit; and then, • get my Slack tokens revoked by accidentally moving all my code to a public repo in GitHub • regenerate those, and put them in a non-uploaded file • Run my bot locally On the js side I’ve learned how to: • Set up which channel it is in • Get the bot to respond to certain words or phrases • Set up delays and randomization • Create ‘untriggered’ events (ie the bot does random things without provocation) • Have the bot react to users entering the channel
https://cloud-fpuw9ftbe-hack-club-bot.vercel.app/0zucchini.jpeg
LuizWeitz
@LuizWeitz0
Hello React!
https://cloud-i60xpfu75-hack-club-bot.vercel.app/0image.png
react emoji
spring-of-making emoji
dave
@dave0
Finished React's tutorial!
https://cloud-i3rlk8aux-hack-club-bot.vercel.app/0image.png
wom emoji
react emoji
yay emoji
m04
@m044
I love framer motion it is so so cool
kaidevrim
@kaidevrim0
Started work on my website redesign. Tailwind + Snowpack + Typescript + React
https://cloud-m6whafhxb-hack-club-bot.vercel.app/0image.png
tailwind emoji
typescript emoji
wom emoji
react emoji
m04
@m044
My PR to kbar was merged!
https://cloud-lyvntycwy-hack-club-bot.vercel.app/0image.png
react emoji
yeah emoji
yay emoji
ultrafastparrot emoji
k_1 emoji
wom emoji
pr emoji