Git Product home page Git Product logo

decoded-app's Introduction

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

decoded-app's People

Contributors

silvijasaule avatar tkzo avatar

decoded-app's Issues

Optimize images

  • Use vite images to optimize
  • Create versions in figma
  • Convert to webp
  • Serve on CDN

Landing page styling + animation

Landing page is fully static. (form is functional)
It needs some fixes + subtle animations. (there're comments on figma that were not realized before)

Blog post elements; callout, code

Handle 2 new blog post elements; callout for ad banners, code for code examples.
Investigate if there's a good way to visualize code (like solidity parser on notion, can we utilize it?)

Contract builder

Contract builder page MVP

MVP Limits:

  • Only dEVM
  • Only ERC20
  • No extra features

Should do:

  • Call to salt api
  • Deploy contract
  • Show address

Next:

  • Control panel after deployment
  • ERC20 all features

Write readme

Write directions how to install and run the app.
Write directions for contribution.
May want to start with examples on these.

Lazy/Pre-loading for images

When visiting the landing page for the first time, images load fast but the pill at the hero section loads latest. So we get the impression it loads slow because its at the end of the line.

Two routes we can go;

  1. Preload initial images, let rest get loaded randomly
  2. Lazy loading, only visibles get fetched

Light/dark themes for articles page

It looks cool but actually reading white over black causes a lot strain as well.
We should add a theme switch. (default:dark)

--Colors will be prepped in figma.

Form notifications

Notifications for:

  • required fields
  • incorrectly filled fields
  • sent form

Related Articles component

This component should show another post from the same series, preferable closest ones to the current post.

Ex/ 3rd post on series then show;
-2nd
-4th
-5th

This task needs Articles main page to be completed. Since during that we will design notion structure.

Replace dahl-gallery

Dahl-gallery is fake and we can perhaps use devm somewhere there.
I'm also thinking of merging projects and collabs under something like 'what kept us busy recently'.

Dynamically get blog posts

Get blog posts from parent page on notion.
Iterate over to get available slugs(from the toggle object's first child).
Send client component the selected objs of the post.

Note: You need to get database id of the child (a blog posts) from the parent to connect the blog post page.

Filter self from related posts

For now a post can show itself as a related post. When we have multiple posts, revisit and filter self from related posts on server.

Article page

Create the main article page where users can see all articles.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.