Home / React / Miscellaneous

side side project for hyodo

moonwalker_tattoo Introduce 바닐라 공부도 할 겸 만드는 아빠 타투샵 홈페이지.. 잘 되면 배포함. SPA로 만들거라 SEO 신경 써줘야 함. 시간 날때만 할거라 딱히 완성도 신경쓰지 않음. Stack homepage : Vanilla JavaSc
Information
Category: React / Miscellaneous
Watchers: 1
Star: 5
Fork: 0
Last update: Dec 17, 2021
Resource links
https://github.com/imnotmoon/moonwalker_tattoo

moonwalker_tattoo

Introduce

바닐라 공부도 할 겸 만드는 아빠 타투샵 홈페이지..

잘 되면 배포함.

SPA로 만들거라 SEO 신경 써줘야 함.

시간 날때만 할거라 딱히 완성도 신경쓰지 않음.


Stack

  • homepage : Vanilla JavaScript + MVC Pattern
  • admin : Svelte............ only if possible
  • webpack
  • express + mysql
  • AWS EC2
  • FE : No External Libraries

필요 기능

  1. 간단한 관리자 페이지 + 계정은 하나만 있으면 됨
  2. 이미지 게시판, 썸네일 지정 가능하도록
  3. 찾아오는길, 문의 페이지
  4. 후기 게시판
  5. 상담 게시판
  6. 회원 가입, 로그인, 세션 관리 -> JWT면 충분할듯?
  7. 메인 페이지 : 되도록 멋지게

CODES MUST BE SUPER CLEAN

0 Open More issues
Closed

Feat/svelte spa router

무얼 했나?

  • svelte-navigator => svelte-spa-router
    • https://github.com/ItalyPaleAle/svelte-spa-router
  • 유사 auth API
    • /api/auth
    • ID, password .env에 적어놓은 것과 비교해서 일치하면 쿠키 발급해줌
    • 보안 매우 취약할듯 ㅎㅎ ㅈㅅ!
  • cookie 관련 유틸함수
    • https://ko.javascript.info/cookie 여기서 주워옴
  • 로그인 기능 추가
    • API 요청 레이어 분리? 그런건 없다!
    • 날려서 200 응답 오면 메인으로 push해줌

무엇이 달라졌나?

  • 이제 로그인 페이지에서 로그인 할 수 있음!
  • 링크 그냥 a태그 사용하면 됨
    • 다른 태그에도 붙일 수 있는데 그냥 a 태그 씁시다!
  • 스크립트에서 navigate 할때는 pop, push, replace 사용
ㅋㅋㅋ 
opened Feb 7, 2022 by superLipbalm 0

Contents

    clarus Side effects with snapshots for Redux.
    InterNations Mock HTTP requests on the server side in your PHP unit tests
    dzharii A collection of awesome TypeScript resources for client-side and server-side development. Write your awesome JavaScript in TypeScript
    php-build Builds PHP so that multiple versions can be used side by side.
    handsomecode iOS Interactive Side Menu written in Swift.
    Slegrib A todo app built in vue js to demonstrate server side rendering and client side hydration
    spatie Server side rendering JavaScript in your Laravel application
    sherlockchou86 redirect the STDIN/STDOUT from server side to web browser. you can operate/monitor the server side program in browser. written by Java language.
    igorkulman Simple macOS editor app to help you manage iOS and macOS app localizations by allowing you to edit all the translations side by side
    blueimp JavaScript MD5 implementation. Compatible with server-side environments like node.js, module loaders like RequireJS and all web browsers.
    mbdavid DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access.
    X-Wei An app showcasing Flutter components, with side-by-side source code view.
    labmlai 🧠 Minimal implementations of neural network architectures and layers in PyTorch with side-by-side notes
    comp500 List of Fabric server side mods
    m0kr4n3 The content of the workshop Client-side web security for Bsides 2021 event, held by @m0kr4n3 and @ouxs-19 at ESI algiers.
    maxprilutskiy 🔖 Side Project Kit is a curated collection of tools that make side project development much easier.
    ustun A sample project that shows django-react integration
    Yalantis Side menu with some categories to choose.
    thlorenz Example for react server side rendering without the fluff
    bpampuch Client/server side PDF printing in pure JavaScript
    provejs An event based jQuery plugin for client-side validation of html forms.
    Share this repo

    Related Repos


    Miscellaneous
    17
    Code for choosing a state manager for React
    jherr State Manager Example Applications Installation and startup % yarn % yarn start State manager examples Category Name Libraries Downloads Hooks Prop Dr
     
    Miscellaneous
    5
    side side project for hyodo
    imnotmoon moonwalker_tattoo Introduce 바닐라 공부도 할 겸 만드는 아빠 타투샵 홈페이지.. 잘 되면 배포함. SPA로 만들거라 SEO 신경 써줘야 함. 시간 날때만 할거라 딱히 완성도 신경쓰지 않음. Stack homepage : Vanilla JavaSc
     
    Miscellaneous
    11
    React Hooks for ClojureScript
    roman01la hooks React Hooks for ClojureScript Installation Add to deps.edn via Git deps {hooks/hooks {:git/url "[email protected]:roman01la/hooks.git"
     
    Miscellaneous
    163
    create react app by schematics
    flyaway98 sharp-react Generate a variety of react applications through schematic. The project does not do much abstraction. Junior engineers can learn the confi
     
    Miscellaneous
    18
    MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.
    olcaneristi MERN stack (MongoDB, Express, React, Node.js) blog app with Chakra UI and Redux.
     
    Miscellaneous
    23
    Nix backend for PureScript. Transpile PureScript code to Nix.
    purenix-org PureNix PureNix is a Nix backend for PureScript. Sometimes, you find yourself having to write Nix code that's more complicated than what the language
     
    Miscellaneous
    27
    Feature Flag component for React
    fdaciuk Feature Flag component for React
     
    Miscellaneous
    16
    Recreating Windows 11 settings using React JS
    yashash1511 Recreating Windows 11 settings using React JS
     
    Miscellaneous
    11
    FOSS4G 2021 Buenos Aires (Argentinia) Workshop PostgreSQL/PostGIS for Beginner
    astroidex foss4g-2021-workshop-postgresql-postgis-for-beginner-astrid-emde Workshop material for PostgreSQL/PostGIS workshop at FOSS4G 2021 Buenos Aires (Argent
     
    Miscellaneous
    24
    Framer motion demo with React
    fireship-io Framer Motion is a relatively new open source, production-ready animation library for React developers.
     
    Miscellaneous
    21
    Netflix clone with MERN Stack (MongoDB, Express, React, Node)
    enescelep Netflix clone with MERN Stack (MongoDB, Express, React, Node)
     
    Miscellaneous
    51
    React Query for Firestore, that you can actually use in production, on every screen.
    aminerol React Query for Firestore, that you can actually use in production, on every screen.
     
    Miscellaneous
    55
    🤯 zART-stack — Zero-API, React [Native], & TypeScript
    KATT 🤯 zART-stack — Zero-API, React [Native], & TypeScript
     
    Miscellaneous
    24
    INotebook is a React Application for managing personal notes on the cloud
    CodeWithHarry INotebook is a React Application for managing personal notes on the cloud
     
    Miscellaneous
    22
    🏠 Airbnb website using React, Next.js and Tailwind CSS
    picozzimichele 🏠 Airbnb website using React, Next.js and Tailwind CSS